jQuery選擇器是jQuery的重要組成部分,它具有很多分類。在本文中,我們將對jQuery選擇器進行分類總結。
基本選擇器
基本選擇器是最簡單的選擇器,它可以根據元素的ID、類名、標簽名、屬性值等來選擇元素。
$( "#id" ); //通過id選擇元素 $( ".class" ); //通過類名選擇元素 $( "tag" ); //通過標簽選擇元素 $( "[attribute='value']" ); //通過屬性值選擇元素
層次選擇器
層次選擇器可以根據元素之間的層次關系來選擇元素。
$( "parent >child" ); // 選擇所有parent下的直接子元素child $( "ancestor descendant" ); //選擇所有祖先元素中相匹配的后代元素 $( "prev + next" ); //選擇緊接在prev元素后面的同級元素next $( "prev ~ siblings" ); //選擇prev元素之后的所有與之同級的siblings元素
篩選選擇器
篩選選擇器可以根據不同的條件來篩選出符合條件的元素。
$( ":first" ); //選擇第一個元素 $( ":last" ); //選擇最后一個元素 $( ":even" ); //選擇下標為偶數的元素 $( ":odd" ); //選擇下標為奇數的元素 $( ":lt(index)" ); //選擇下標小于index的元素 $( ":gt(index)" ); //選擇下標大于index的元素 $( ":eq(index)" ); //選擇下標等于index的元素 $( ":empty" ); //選擇沒有任何子元素的元素 $( ":contains(text)" ); //選擇包含文本text的元素 $( ":not(selector)" ); //選擇不符合selector條件的元素 $( ":has(selector)" ); //選擇符合selector條件的元素的父元素
屬性選擇器
屬性選擇器可以根據元素的屬性值來選擇元素。
$( "[attribute]" ); //選擇含有attribute屬性的元素 $( "[attribute='value']" ); //選擇attribute屬性值為value的元素 $( "[attribute^='value']" ); //選擇attribute屬性值以value開頭的元素 $( "[attribute$='value']" ); //選擇attribute屬性值以value結尾的元素 $( "[attribute*='value']" ); //選擇attribute屬性值包含value的元素
通過以上分類的選擇器,我們可以更方便地選擇和操作頁面中的元素。
上一篇java %d和%s區別
下一篇html的框架結構代碼