jQuery 주의 사항

1094 단어
1. jQuery 요소가 DOM 요소로 전환
  • 그룹 아래 표시를 이용하여 jQuery의 DOM 대상을 읽기
  • let $div = $('div')     //jQuery  
    let div = $div[0]    //   DOM  
    
  • jQuery에서 자체로 가지고 있는 get() 방법을 이용
  • let $li = $('li')    //jQuery  
    let li = $li.get(0)    //    DOM  
    

    2. DOM 객체가 jQuery 객체로 전환
    let li = document.querySelector('li')    //    DOM  
    let $li = $('li')    //  $()   DOM    jQuery  
    $li.css('background','red')    //  jQuery  
    

    3、jQuery(selector, context)
    검색 범위를 줄이기 위해 상하문 검색에 context 인자를 사용합니다. $('li','ul') l의 context에서 l를 검색하는 것을 표시합니다
    4,$($('li')는 클론을 나타냅니다.
    let a = $('li')    
    let b = $(a)    //  b a       
    console.assert(a === b)    //false,      
    

    5. jQuery에서 e.target과 e.currentTarget의 차이
    $('div').on('click','ul',function(){
        console.log(e.target)    //               
        console.log(e.currentTarget)    //          ul,                   
    })
    

    좋은 웹페이지 즐겨찾기