jQuery 상용 문법 요약 (지속 업데이트)


blog 이전:
http://www.micmiu.com
   
$() jQuery 대상 자체 가 집합 입 니 다.
  
설명:
  • dom 대상 과 jquery 대상 은 차이 가 있 습 니 다. 호출 방법 은 dom 대상 인지 jquery 대상 인지 주의해 야 합 니 다. dom 대상 은 dom 방법 만 사용 할 수 있 습 니 다. jQuery 대상 만 jQuery 가 정의 하 는 방법
  • 을 사용 할 수 있 습 니 다.
  • jQuery 대상 을 dom 대상 으로 바 꾸 려 면 그 중의 하 나 를 꺼 내야 합 니 다. 보통 색인 을 통 해 꺼 낼 수 있 습 니 다. 예 를 들 어 $(\ # role) [0], $(\ # role) get (0), $(div), eq (1) [0], $(div), get () [1], $(td) [5] 등 은 모두 dom 대상 이 므 로 dom 의 방법 을 사용 할 수 있 습 니 다.
  • 일반적인 dom 대상 은 일반적으로 $() 를 통 해 jquery 대상 으로 변환 할 수 있 습 니 다. 예 를 들 어 $(document. getElement ById ("userId")) 를 사용 하면 jQuery 가 정의 하 는 방법 을 사용 할 수 있 습 니 다.
  • 1. 텍스트 상자, 텍스트 영역::
    
    //    
    $("#txt").attr("value",'');
    //    
    $("#txt").attr("value",'11');
    

    2. 드 롭 다운 상자 < select > 동작:
    
    //  select  :
    $("#city")[0]; $("#city").get(0);
    //  options   :
    $("#city")[0].length;
    //       :
    $("#city")[0].selectedIndex;
    //  option:
    $("#city")[0].options.add(new Option(text,value,false,false)) //IE、FF
    $("#city")[0].options.add(new Option(text,value)) //IE
    //  select:
    $("#city")[0].length=0;  $("#city").empty();
    //      :
    $("#city")[0].val();
    //  select       
    $("select[@name=items] option[@selected]").text();
    //  value=michael         
    $("#sel").attr("value",'-michael');
    

    3. 체크 상자 checkbox 동작
       선택 한 모든 것 을 가 져 옵 니 다: 브 라 우 저의 호환성 에 주의 하 십시오.
    
    $("input[name='role'][checked]"); //IE 
    $("input[name='role'][checked=checked]");// IE 
    
    $("input[name='role'][checked=true]");// FF
    
    //IE   FF 
    $("input[name='role']").each( 
    	function(){
    		if(this.checked){...}
    	} 
    ); 
    
    $("#checkbox_id").attr("value");
    

    4. 드 롭 다운 박스 라디오 동작:
    
    //   
    $('input[@name=items][@checked]').val();
    //   
    $("input[@type=radio][@checked]").val();
    

    좋은 웹페이지 즐겨찾기