jQuery是一款快速、簡潔的JavaScript框架, 常被用來簡化JavaScript編程。 在jQuery中,選擇器是一個重要的概念。通過選擇器,我們能夠方便地獲取DOM元素并對其進行操作。
// 選擇器的基本語法: $(selector).action(); 其中,$是jQuery的縮寫,selector是選擇器,action是我們想要對選中的元素執行的操作。 // 選擇器的分類: jQuery選擇器分為基礎選擇器、層級選擇器、篩選選擇器和屬性選擇器四大類。 1.基礎選擇器 通過ID、類名、標簽名等基礎屬性來獲取元素。 // 通過ID獲取元素 $('#idName'); // 通過類名獲取元素 $('.className'); // 通過標簽名獲取元素 $('tagName'); 2.層級選擇器 通過元素之間的層級關系來獲取元素。 // 后代選擇器 // 獲取某元素下的所有子元素 $('ancestor descendant'); // 直接子元素選擇器 // 獲取某元素下的直接子元素 $('parent > child'); // 兄弟元素選擇器 // 獲取緊接在某一元素后面的元素 $('element + adjacent'); // 獲取跟某一元素同級的所有元素 $('element ~ siblings'); 3.篩選選擇器 通過元素的特定屬性、位置關系等進行篩選。 // 篩選第一個元素 $('selector:first'); // 篩選最后一個元素 $('selector:last'); // 篩選奇數元素 $('selector:odd'); // 篩選偶數元素 $('selector:even'); 4.屬性選擇器 通過元素的屬性值來篩選元素。 // 獲取具有某個屬性的元素 $('selector[attribute]'); // 獲取具有某個屬性和值的元素 $('selector[attribute=value]'); // 獲取具有某個屬性和值開頭的元素 $('selector[attribute^=value]'); // 獲取具有某個屬性和值結尾的元素 $('selector[attribute$=value]');
上面是常用的jQuery選擇器,通過選擇器的靈活運用,我們可以更加輕松地獲取到DOM元素并對其進行操作。
上一篇jquery選擇題填
下一篇jquery選擇器對象