jQuery語法和選擇器

2021-07-27 02:40:31 字數 1177 閱讀 7705

jquery 語法是為 html 元素的選取編制的,可以對元素執行某些操作。

基礎語法是:$(selector).action()

選擇器允許您對元素組或單個元素進行操作。

jquery 元素選擇器和屬性選擇器允許您通過標籤名、屬性名或內容對 html 元素進行選擇。

選擇器允許您對 html 元素組或單個元素進行操作。

在 html dom 術語中:

選擇器允許您對 dom 元素組或單個 dom 節點進行操作。

jquery 使用 css 選擇器來選取 html 元素。

$("p") 選取 元素。

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

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

jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。

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

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

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

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

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")

每個 的第乙個 元素

所有帶有以 ".jpg" 結尾的屬性值的 href 屬性

$("div#intro .head")

id="intro" 的 元素中的所有 class="head" 的元素

jquery 是為事件處理特別設計的。

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...

jquery選擇器和dom選擇器區別

1.jquery選擇器css file loading css visibility visible 2.dom選擇器stylrdocument.getelementbuyid file loading style.visibility visible 因為jquery沒有.css屬性 3.jque...

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...