JQuery基礎(chǔ)——選擇器

taowen 發(fā)布于2019-08-22 10:50 / 2897人閱讀

摘要：通過，可以選取查詢，元素，并對它們執(zhí)行操作可以簡寫成元素選擇器使用選擇器來選取元素。屬性選擇器使用表達(dá)式來選擇帶有給定屬性的元素。選擇器選擇器可用于改變元素的屬性。

通過 jQuery，可以選取（查詢，query） HTML 元素，并對它們執(zhí)行“操作”（actions）
$(document).ready(function(){})可以簡寫成$(funtion(){})

jQuery 元素選擇器

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

$("p") 選取

元素。

$("p.intro") 選取所有 class="intro" 的

元素。

$("p#demo") 選取所有 id="demo" 的

元素。

jQuery 屬性選擇器

jQuery 使用 XPath 表達(dá)式來選擇帶有給定屬性的元素。

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

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

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

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

jQuery CSS 選擇器

jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。
下面的例子把所有 p 元素的背景顏色更改為紅色：

$("p").css("background-color","red");

更多選擇器示例：

$(this) 當(dāng)前 HTML 元素

$("p") 所有

元素

$("p.intro") 所有 class="intro" 的

元素

$(".intro") 所有 class="intro" 的元素

$("#intro") id="intro" 的元素

$("ul li:first") 每個(gè)

元素

$("[href$=".jpg"]") 所有帶有以 ".jpg" 結(jié)尾的屬性值的 href 屬性

$("div#intro .head") id="intro" 的
元素中的所有 class="head" 的元素
```
$(document).ready(function(){

--- jquery 的方法寫在這個(gè)區(qū)域中 ----
這是為了防止文檔在完全加載就緒之前運(yùn)行jquery代碼。

});
```
云服務(wù)器 GPU云服務(wù)器 jquery常用選擇器 jquery過濾選擇器 jquery雙向選擇器 jquery選擇器空格

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/91360.html
- 上一篇：【翻譯】javascript中的prototype
- 下一篇：與JavaScript戀愛之?dāng)?shù)組（一）

相關(guān)文章

前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見的效果。想要實(shí)現(xiàn)簡單的動(dòng)畫效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫非常簡單，而且功能更加的強(qiáng)大。注意選擇器返回的是對象。 jQuery基本概念學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見的效果。為什么要學(xué)習(xí)jQuery？【01-讓div顯示與設(shè)置內(nèi)容.html】使用javasc...

nevermind 2019-08-30 15:55 評論0 收藏0
前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見的效果。想要實(shí)現(xiàn)簡單的動(dòng)畫效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫非常簡單，而且功能更加的強(qiáng)大。注意選擇器返回的是對象。 jQuery基本概念學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見的效果。為什么要學(xué)習(xí)jQuery？【01-讓div顯示與設(shè)置內(nèi)容.html】使用javasc...

codecook 2019-08-23 14:52 評論0 收藏0
前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見的效果。想要實(shí)現(xiàn)簡單的動(dòng)畫效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫非常簡單，而且功能更加的強(qiáng)大。注意選擇器返回的是對象。 jQuery基本概念學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見的效果。為什么要學(xué)習(xí)jQuery？【01-讓div顯示與設(shè)置內(nèi)容.html】使用javasc...

WalkerXu 2019-08-02 14:09 評論0 收藏0
前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見的效果。想要實(shí)現(xiàn)簡單的動(dòng)畫效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫非常簡單，而且功能更加的強(qiáng)大。注意選擇器返回的是對象。 jQuery基本概念學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見的效果。為什么要學(xué)習(xí)jQuery？【01-讓div顯示與設(shè)置內(nèi)容.html】使用javasc...

widuu 2019-07-01 11:14 評論0 收藏0
JQuery基礎(chǔ)——選擇器

摘要：通過，可以選取查詢，元素，并對它們執(zhí)行操作可以簡寫成元素選擇器使用選擇器來選取元素。屬性選擇器使用表達(dá)式來選擇帶有給定屬性的元素。選擇器選擇器可用于改變元素的屬性。通過 jQuery，可以選取（查詢，query） HTML 元素，并對它們執(zhí)行操作（actions） $(document).ready(function(){})可以簡寫成$(funtion(){}) jQuery 元...

GraphQuery 2019-08-01 16:06 評論0 收藏0