jQuery(기본 요약)

라이브러리 간 충돌 처리
현재 많은 라이브러리도 $을 기준으로 시작하는 문자입니다. 만약 jQuery와 공영하려면 두 가지 방법이 있습니다. 1 만약 jQuery 라이브러리가 베이스 라이브러리 (가상 라이브러리, $문자를 시작으로) 에 도입된다면, '$' 문자는 베이스 라이브러리에 있고, jQuery는 jQuery 대상을 호출하거나 '$' 기호를 만들어서 jQuery에게 사용할 수 있습니다.

var $$ = jQuery;  //    $$ jQuery  
$((function)(){      //  Base  $
  alert($("#box").width());  //  Base  $
  alert($$("#box").width()); //  jQuery  $$
});

2 jQuery 라이브러리가Base 라이브러리 다음에 도입되면 '$' 의 소유권은 jQuery 라이브러리에 있고 Base 라이브러리는 충돌하여 역할을 잃게 됩니다.

jQuery.noConflict();   $      
var $$ = jQuery;
$((function)(){      //  Base  $
  alert($("#box").width());  //  Base  $
  alert($$("#box").width()); //  jQuery  $$
});

선택기
이론적으로 jQuery가 제공하는 방법find(),next(),nextAll(),children() 등의 방법은 고급 선택기보다 운행 속도가 빠르다.그들이 실현하는 알고리즘이 다르기 때문에 고급 선택기는 문자열을 해석하여 노드의 대상을 얻고, jQuery가 제공하는 방법은 일반적으로 단일 선택기이기 때문에 직접 얻을 수 있다.
요소 및 컨텐트 설정

html()      HTML  
html(value)      HTML  
text()           ,     html  
text(value)       ，     html  

Css 메서드

width()          
height()          
innerWidth()        ，     padding
innerHeight()       ，     padding
outerWidth()        ，    border    padding
outerHeight()       ，    border    padding
outerWidth(true)   ，      
outerHeight(true)   ，      

offset()                    
position()                     
scrollTop()             
scrollTop(value)             
scrollLeft()             
scrollLeft(value)             

조작 노드
내부 삽입 노드:

append(content)                 content
appendTo(content)                content    
prepend(content)         content         
prependTo(content)                content    

외부 삽입 노드

after(content)                  content
before(content)                  content
insertAfter(content)               content     
insertBefore(content)               content     

패키지 노드

wrap(html)             html  
wrap(element)             DOM    
unwrap(html)                
wrapAll(html)     html          
wrapAll(element)     DOM            
wrapInner(html)                 html
wrapInner(element)                 DOM    

참고:.wrap () 및.wrapall()의 차이점은 전자는 모든 원소를 하나의 독입체로 여기고 각각 한 층의 외층을 포함한다.후자는 모든 원소를 하나의 전체로 하나의 독입체로 하고 한 층의 외층만 포함한다.이 두 가지는 모두 바깥쪽에 포함되어 있다.wrapInner()가 내부에 포함되어 있습니다.
노드 조작 복제 노드: clone (true) 파라미터가 비어 있으면 요소와 내용만 복사하고 이벤트는 복사하지 않습니다.true 파라미터를 더하면 이 요소가 덧붙인 이벤트 처리 행위도 복제된다.

$('body').append($('div').clone(true));

노드 삭제

$('div').remove();

노드 비우기

$('div').empty();

노드 바꾸기

$('div').replaceWith('  '); // div   span  
$('  ').replaceAll('div'); //