jQuery選擇器是jQuery庫提供的一種重要功能。它能幫助我們快速的選擇我們需要的元素,方便的進行操作。
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
上面的代碼就是一個jQuery選擇器的例子。其中$("p")就是一個基本的選擇器,它選取了所有的p標簽。
jQuery選擇器有很多種,下面介紹一些比較常用的:
$('div') //選擇所有div元素 $('.classname') //選擇所有class為classname的元素 $('#id') //選擇id為id的元素 $('[attribute]') //選擇有attribute屬性的所有元素 $('[attribute=value]') //選擇attribute屬性等于value的所有元素 $('selector1,selector2,selector3') //選擇所有匹配selector1,selector2或selector3的元素 $('selector1 selector2') //選擇selector1里的子元素selector2 $('selector1 >selector2') //選擇selector1里直接子元素selector2 $('selector:first') //選擇selector的第一個元素 $('selector:last') //選擇selector的最后一個元素 $('selector:not(selector2)') //選擇selector里不匹配selector2的元素 $('selector:even') //選擇selector里所有偶數個元素,從0開始 $('selector:odd') //選擇selector里所有奇數個元素,從1開始
除了以上的選擇器,還有很多其它的選擇器,它使得我們操作DOM元素變得非常簡單、方便。