jQuery注意点

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')表示在ul的context中检索li

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，如果没有匹配字符串默认的就是监听的对象
})