jQuery選擇器學習理解

2022-01-31 05:57:47 字數 787 閱讀 8696

jquery 使用的先決條件就是要選中元素。因此選擇器就是學習使用jquery的基礎。

jquery選擇器的固定格式是$("選擇條件") ,jquery的選擇器又可以分為元素選擇器、類選擇器、id選擇器。選擇器語法和css選擇器語法類似

元素選擇器$("p") 選擇所有的p元素,$("a")選擇所有的a元素。

類選擇器$(".title") 選擇css class為title 的元素。

id選擇器 $("#news") 選擇id為news的元素。

jquery 選擇器之間可以相互組合。例如選擇所有css類是title 的p元素,可以使用$("p[class='title']")。這種寫法屬於

屬性過濾。類似的如果要獲取id 為"select"的下拉列表選中項的文字可以這樣寫$("#select").children("option:selected").text()

要同時選擇多個不相關元素可以使用逗號將選擇條件隔開 ,例如選擇id為"id1"和"id2"的元素可以使用$("#id1,#id2")。

查詢子元素可以使用find方法,例如要查詢class 為"test" 的div 下面id為"xx" 的元素可以使用$(".text").find("#xx")。

find 方法查詢時是從直接子元素和間接子元素中查詢。而children方法則是從直接子元素中查詢。如果id為xx的元素是

class 為"test" 的直接子元素。上面給的寫法可以改寫為$(".test").children("#xx");children方法使用時可以不加引數,

預設返回所有子元素。而find方法必須帶引數。

jQuery學習 選擇器

首先了解一下css選擇器,css即層疊樣式表他將網頁結構和表現樣式完全分離出來,利用css選擇器可以輕鬆在不改變html結構的前提下改變樣式。他是利用獲取目標元素後施加樣式,有三種方式 行間樣式表 內部樣式表 外部樣式表。選擇器語法 描述示例 標籤選擇器 e以標籤作為選擇符 tdid選擇器 id以文...

jquery選擇器學習

學習方式,照著列表乙個個敲一遍,記個大概,知道有這麼個選擇器.之後使用的時候查查w3c,就會用了 p 取得p標籤 p1 取得id為p1的元素 p1 取得class p1的元素 href 選擇屬性帶有href的元素 href 選擇href 的元素 href 選擇href 的元素 選擇所有href屬性以...

jquery學習 選擇器

選擇器 basic button html 標籤 test 標籤id test 標籤的class test,test,h1 多選用逗號隔開 全選 等級選中 div code 選擇所有在div下面的所有code元素,不考慮有多少層 li ul 意味著直接子元素 strong em 姐妹選擇器,只會選擇...