> 웹 프론트엔드 > JS 튜토리얼 > jQuery 연산 기본 제어 방법 예시 analyze_jquery

jQuery 연산 기본 제어 방법 예시 analyze_jquery

WBOY
풀어 주다: 2016-05-16 15:22:38
원래의
948명이 탐색했습니다.

이 기사의 예에서는 jQuery를 사용하여 기본 컨트롤을 작동하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

1. 스타일 클래스에 따라 제어하세요

코드 복사 코드는 다음과 같습니다.
$(".className")...... // className은 컨트롤의 스타일을 나타냅니다.

2. ID를 기준으로 제어권을 얻습니다

코드 복사 코드는 다음과 같습니다.
$("#id")......

3. 이름에 따라 제어권을 받으세요

$("input[name='objName']")......
/*$("check[name='objName']")......*/
$("[name=objName]:checkbox")......
$("select[name='objName']")......
로그인 후 복사

4. 컨트롤 그룹 탐색

$(".className").each(function(){
  $(this).attr("title","点击维护"); //$(this)拿到当前遍历的对象
});
for(var i=0; i<$(".className").length; i++) {
 $(".className:eq("+i+")").attr("title","点击维护");
}

로그인 후 복사

5. CSS 스타일의 작업 제어

$("#objId").css("属性名"); //获取当前对象的CSS属性,如:$("#userName").css("color");返回userName的颜色
$("#objId").css("属性名","值"); //给当前控件设置CSS属性,如:$("#userName").css("color","#FFCCFF");将userName的颜色设置为#FFCCFF

로그인 후 복사

6. 작업 제어의 공통 속성

$("input[name='age']").attr("属性名"); //获取控件的基本属性
$("input[name='age']").attr("属性名","值"); //设置控件的基本属性,如:$("#input[name='age']").attr("size","30");

로그인 후 복사

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿