jQuery選擇器是一種非常有用的工具,它可以幫助開發者快速準確的定位HTML元素。當使用選擇器后,它會返回一個jQuery對象,這個對象包含了所有匹配的元素。下面我們來看看返回的對象是怎樣的。
// 選擇單個元素 var $div = $("div"); console.log($div); // jQuery對象,包含了所有的div元素 // 選擇多個元素 var $lis = $("li"); console.log($lis); // jQuery對象,包含了所有的li元素 // 選擇特定元素 var $input = $(".input"); console.log($input); // jQuery對象,包含了class為input的元素 // 選擇子元素 var $ul = $("ul"); var $lis = $ul.find("li"); console.log($lis); // jQuery對象,包含了ul下的所有li元素
可以看到,無論是選擇單個元素還是多個元素,使用選擇器后返回的都是一個jQuery對象。我們可以使用這個對象做很多事情,例如設置樣式、綁定事件等。
需要注意的是,選擇器返回的jQuery對象并不是真正的DOM元素,因此無法使用DOM API操作它們。如果我們需要操作DOM元素,可以使用jQuery提供的一些方法,如get()方法。
// 將jQuery對象轉化為DOM元素 var div = $div.get(0); div.style.color = "red";
在實際開發中,我們通常會鏈式調用多個方法,來完成一些復雜的任務。這時候選擇器返回的對象可以很好地幫助我們方便地操作元素。
下一篇jquery選擇器連續