国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery 選擇器理解

2024-05-06 14:11:01
字體:
來源:轉載
供稿:網友

$的選擇器部分:
凡是運用$,其返回值是一個object
$選擇器主要用于選擇標簽.基本用法是同css的選擇器.但是,很讓人興奮的是,他支持常見的瀏覽器,而css中很多選擇器是IE6所不支持的.
1.基本選擇器(3種): ----凡是運用$,其返回值是一個object
$("標簽名"),如$("p")是選取了所有的p標簽節點
$("#id名"),如$("#test")是選取了id為test的標簽節點
$(".class名"),如$(".test")是選取了所有class為test的標簽節點
上面的$("標簽名")和$(".class名")返回的都是所有滿足的節點,至于進一步篩選可以添加一些函數,如eq,gt,lt等等.
2.組選擇器: ----3種基本選擇器的組合,“,”隔開
下面還是現做一個約定:把"標簽名或#id名或.class名"記作mix,則mix表示一個標簽名,或一個#id或一個.class.
$("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3")

3.后代選擇器: ----3種基本選擇器的組合,“ ”隔開,直系皆生效
$("mix mix"),當然可以是多個嵌套,但后代選擇器可以是深層子代,所以$("mix mix mix ...")這種寫法作用不大.例子:$("div .test"):在div標簽內的所有具有test的class的后代元素(就是被div嵌套的class屬性為test的標簽)

4.子選擇器: ----3種基本選擇器的組合,“>”隔開,只親子有效
$("mix>mix"),這個放在后代選擇器后面是為了和它做對比.子選擇器只能選擇第一代子代.不處理深層嵌套.例子:
$("div>.test")
<div><p class="test"></p></div>對這里的p段落標簽有效.但對
<div><p><p class="test"></p></p></div>對這里的p段落標簽無效,這里要用
$("div .test)
5.臨近選擇器: ----3種基本選擇器的組合,“+”隔開,只下一個兄弟節點
$("mix+mix"),選取下一個兄弟節點.如:$("div +#test"),id為test的的節點必須是div的下一個兄弟節點.
<div></div><p id="test"></p>在$("div + #test")中能取到p段落節點
<div></div><p></p><p id="test"></p>則不能取到
6.屬性選擇器: ----“ |=|^|$|*”
把屬性選擇器不放在css選擇器里面是因為jQuery中寫法是不一樣的.至于css中寫法可以參考我之前寫的一篇css的選擇器一文.jQuery中是和xPath類似的寫法:
$("mix[@attr]"):選取所有該mix且具有attr屬性的節點
$("mix[@attr=a_value"]):選取所有該mix且具有attr屬性并滿足屬性值為a_value的節點
$("mix[@attr^=a_value_head"]):attr屬性的屬性值是以a_value_head開頭的
$("mix[@attr$=a_value_end"]):attr屬性的屬性值是以a_value_end結尾的
$("mix[@attr*=a_value"]):attr屬性的屬性值中包含a_value

7. 限定選擇器:
這個名稱是我自己起的,其實選擇器組合都有限定的意思,你明白后面所介紹的知識即可.
具有限定子節點選擇器:$("mix1[mix2]"):返回包含mix2的mix1節點.如:$("div[a]"):包含a標簽的div.

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 台中县| 浮山县| 荔波县| 蒙阴县| 宿州市| 那曲县| 南皮县| 扶余县| 全南县| 逊克县| 图片| 榕江县| 监利县| 寿宁县| 高安市| 大关县| 肇源县| 台湾省| 枝江市| 澄迈县| 临猗县| 珲春市| 蓬溪县| 镇沅| 漳州市| 万盛区| 察隅县| 吴忠市| 大埔区| 新民市| 呼伦贝尔市| 兴宁市| 资中县| 建德市| 肃宁县| 云梦县| 莫力| 无锡市| 天长市| 湟中县| 庄河市|