JQuery基礎——選擇器

GraphQuery 發布于2019-08-01 16:06 / 870人閱讀

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

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

jQuery 元素選擇器

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

$("p") 選取

元素。

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

元素。

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

元素。

jQuery 屬性選擇器

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

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

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

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

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

jQuery CSS 選擇器

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

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

更多選擇器示例：

$(this) 當前 HTML 元素

$("p") 所有

元素

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

元素

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

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

$("ul li:first") 每個

元素

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

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

--- jquery 的方法寫在這個區域中 ----
這是為了防止文檔在完全加載就緒之前運行jquery代碼。

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50298.html
- 上一篇：前端基礎代碼查詢筆記（持續更新）
- 下一篇：割裂的前端工程師--- 2017年前端生態窺探

前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

nevermind 2019-08-30 15:55 評論0 收藏0
前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

codecook 2019-08-23 14:52 評論0 收藏0
前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

WalkerXu 2019-08-02 14:09 評論0 收藏0
前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

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

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

taowen 2019-08-22 10:50 評論0 收藏0