[jQuery 기초학습] 00차례

3245 단어
지금까지 jQuery를 열심히 배운 적이 없는 요리로서 내가 배운 것은 모두 jQuery의 기초이다.
0부터 체계적으로 배워보라는 거지?학습 서적은 《날카로운 jQuery》입니다.
순서지만 제가 요리라는 것을 표시하지만 제이큐리의 가장 기본적인 주문을 몇 개 주세요.
  • $는 jQuery의 약자 형식으로 $("#divId")와 jQuery("#divId")는 같은 효과입니다.사실 이것을 보면 JS를 배운 사람들은 모두 잘 알고 있을 것이다. jQuery는 함수 대상이고 개별적인 이름은 $이다.
  • <html>
<head>
<script src="jquery-2.2.0.min.js"></script>
<script>//             ，         js   js  
$(document).ready(function(){//     Dom     
     alert("Hello world!");
});
$(function(){//             
     alert("Hello world!");
});
</script>
</head>
<body>
</body>
</html>


  • jQuery는 체인식 조작 스타일을 사용할 수 있다. 눈으로 측정한 것은 바로 JS 함수를 실행한 후에this로 돌아가 이런 스타일을 실현하는 것이다.다음은 체인 스타일에 대한 조언입니다.
  • 같은 대상의 체인 조작에 대해 세 개를 초과하지 않는 것은 한 줄로 쓸 수 있다
  • 같은 대상의 체인 조작에 대해 세 개 이상의 건의가 줄마다 한 조작을 쓴다
  • 여러 대상에 대한 소량의 조작은 대상마다 한 줄씩 쓸 수 있고 하위 요소와 관련이 있으면 적당히 축소할 수 있다
  • jQuery와 Dom 객체의 관계
  • DOM(Document Object Model, 문서 객체 모델), 각 DOM은 하나의 트리로 표시할 수 있음
  • jQuery 대상은 jQuery를 통해 DOM 대상을 포장한 후 발생하는 대상이므로 jQuery에서 DOM 대상을 사용할 수 있는 어떠한 방법도 사용할 수 없습니다.
  • 만약에 우리가 코드를 쓸 때 jQuery 대상을 얻었다면 변수 이름 앞에 $를 붙여서 코드를 읽는 것이 더욱 간단할 것이다.
  • jQuery는 jQuery 대상을 DOM 대상, 즉 [index]와 get(index)으로 바꾸는 두 가지 방법을 제공했다.
  • DOM 대상이 jQuery 대상으로 변환되는 데는 $(DOM 대상)만 사용하면 된다
  • jQuery와 다른 라이브러리의 충돌
  • jQuery 라이브러리에서 거의 모든 플러그인은 자신의 이름 공간에 제한되어 있습니다.따라서 jQuery 대상을 다른 라이브러리(예를 들어 YUI, MooTools)와 함께 사용하면 충돌이 발생하지 않습니다.
  • jQuery를 사용할 수 있습니다.noConflict()는 다른 라이브러리에 제어권을 넘깁니다.
    //jQuery        
//    $       $  
var $j=jQuery.noConflict();//         
$j(document).ready(function(){//    $j   $  jQuery
    alert("Hello world!");
});
//      $   jQuery  
//           ，         ，            
//        ，             ，                     ，      

//jQuery        
//     jQuery  $  jQuery  ，    jQuery.noConflict()  
jQuery(document).ready(function(){
    alert("Hello world!");
});


    • jQuery의 동적 테이블 동적 양식
    Jquery 지식 요약

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage