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

이 기사의 예에서는 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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.