Jquery中文網 mm6666com单双中特 www.wvbtf.icu
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 基于JQuery 選擇器使用說明介紹

鬼谷子和单双中特:基于JQuery 選擇器使用說明介紹

發布時間:2013-12-19   編輯:mm6666com单双中特 www.wvbtf.icu
本篇文章小編為大家介紹,基于JQuery 選擇器使用說明介紹。需要的朋友參考下

mm6666com单双中特 www.wvbtf.icu jquery 元素選擇器和屬性選擇器允許您通過標簽名、屬性名或內容對 HTML 元素進行選擇。

jQuery 元素選擇器:jQuery 使用 CSS 選擇器來選取 HTML 元素。

$("p") 選取 <p> 元素。

$("p.intro") 選取所有 class="intro" 的 <p> 元素。

$("p#demo") 選取 id="demo" 的第一個 <p> 元素。

jQuery 屬性選擇器 :jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。

$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。

$("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

選擇器實例

語法 描述 $(this) 當前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> 元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的第一個元素 $("ul li:first") 每個 <ul> 的第一個 <li> 元素 $("[href$='.jpg']") 所有帶有以 ".jpg" 結尾的屬性值的 href 屬性 $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素 獲取/設置內容 - text()、html() 以及 val()

我們將使用前一章中的三個相同的方法來設置內容:

text() - 設置或返回所選元素的文本內容 html() - 設置或返回所選元素的內容(包括 HTML 標記) val() - 設置或返回表單字段的值 attr() - 設置事返回所選元素的屬性值

上面的四個 jQuery 方法:text()、html()、val() 以及 attr(),同樣擁有回調函數?;氐骱辛礁霾問罕謊≡亓斜碇械鼻霸氐南鹵?,以及原始(舊的)值。然后以函數新值返回您希望使用的字符串。

$("#btn1").click(function(){
 $("#test1").text(function(i,origText){
 return "Old text: " + origText + " New text: Hello world ! (index: " + i + ")"; //return newText;
 });
});

您可能感興趣的文章:
Jquery中的層次選擇器與find()的區別示例介紹
jquery選擇器-根據多個屬性選擇示例代碼
基于JQuery 選擇器使用說明介紹
jquery選擇器大全 全面詳解jquery選擇器
關于jquery的多個選擇器的使用示例
jQuery基本選擇器選擇元素使用介紹
jquery選擇器原理介紹($()使用方法)
jquery入門必備的基本認識及實例(整理)
jQuery中選擇器小問題(新人難免遇到)
jQuery基本過濾選擇器使用介紹

關鍵詞: JQuery  選擇器   
[關閉]