DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery 選擇器 xpath 語法應用
JQuery 選擇器 xpath 語法應用
編輯:JQuery特效代碼     
比如下面html代碼
代碼如下:
<ul>
<li class="aaaa" title="ttt">li-1</li>
<li class="bbbb">li-2</li>
<li title="fffff">li-2</li>
</ul>
<div class="aaaa" title="ttt">li-1</div>
<div class="bbbb">li-2</div>
<div title="fffff">li-2</div>


第一種根據屬性選擇E[@attr]
$("[@title]").click()..........

即選擇所有元素內 屬性帶有title的元素

<li class="aaaa" title="ttt">li-1</li>
<li title="fffff">li-2</li>
<div class="aaaa" title="ttt">li-1</div>
<div title="fffff">li-2</div>

$("div[@title]").click()..........

選擇所有div標簽下的所有帶title的元素

<div class="aaaa" title="ttt">li-1</div>
<div title="fffff">li-2</div>

第二種根據屬性值選擇E[@attr=val]

$("div[@title=ttt]").click()................

選擇div下所有title屬性等於ttt的元素

<div class="aaaa" title="ttt">li-1</div>

如果是 $("[@title=ttt]").click()................

所有元素下屬性title等於ttt的元素
<li class="aaaa" title="ttt">li-1</li>
<div class="aaaa" title="ttt">li-1</div>

第三種根據屬性值開始字母選擇E[@attr^=val]

$("div[@title^=t]").click()................

所有div元素下所有屬性title值是以t為開頭的元素


第三種根據屬性值開始字母選擇E[@attr$=val]

$("div[@title$=t]").click()................

所有div元素下所有屬性title值是以t為結尾的元素

第三種根據屬性值包含字母選擇E[@attr*=val]

$("div[@title*=t]").click()................

所有div元素下所有屬性title值是包含t的所有元素

第三種根據多個屬性選擇E[@attr=val][@attr=val]

$("div[@title=ttt][@class=aaaa]").click()................

所有div元素下所有屬性title值是等於ttt並且屬性class等於aaaa的元素
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved