WEB基礎之 jQuery選擇器

2021-10-20 11:19:04 字數 2576 閱讀 5590

11. 混淆選擇器

示例:

"" id=

"linkid"

class

="linkclass"

>jquery<

/a>

"jquery-3.5.1.js"

>

<

/script>

<

/body>

#id: 根據給定的id匹配乙個元素。

$

('#foo').

text()

;// "id=\"foo\" class=\"myclass\""

// 查詢含有特殊字元的元素

// 特殊字元要用雙「\\」轉義$(

'#foo\\:bar').

text()

;// "id=\"foo:bar\""$(

'#foo\\[bar\\]').

text()

;// "id=\"foo[bar]\""$(

'#foo\\.bar').

text()

;// "id=\"foo.bar\""

element: 根據給定的元素標籤名匹配所有元素

$

('p');

// object }

.class: 根據給定的css類名匹配元素。

$

('.myclass');

// object }

示例

>

name

="list"

type

="radio"

value

="list1"

>

section1

name

="list"

type

="radio"

value

="list2"

checked

="checked"

>

section2

name

="list"

type

="radio"

value

="list3"

lang

="it"

>

section3

src=

"jquery-3.5.1.js"

>

script

>

>

script

>

body

>

示例

header 1

<

/h1>

contents 1

<

/p>

header 2

<

/h2>

contents 2

<

/p>

<

/p>

"run"

>run<

/button>

<

/div>

"jquery-3.5.1.js"

>

<

/script>

<

/body>

示例

"display:none"

>

value 1 display:no<

/td>

<

/tr>

value 2 visible<

/td>

<

/tr>

<

/table>

"jquery-3.5.1.js"

>

<

/script>

<

/body>

示例

"jquery" name=

"jquery"

>

"2injquerytest"

>

"3jquerytest" name=

"3jquerytest"

>

"jqlearn"

>

<

/div>

"jquery-3.5.1.js"

>

<

/script>

<

/body>

示例

$.escapeselector(selector): 這個方法通常被用在類選擇器或者id選擇器中包含一些css特殊字元的時候,這個方法基本上與css中css.escape()方法類似,唯一的區別是jquery中的這個方法支援所有瀏覽器。

JQuery基礎之選擇器

id為one,class為one的div class為mini id為two,class為one,title為test的div class為mini,title為other class為mini,title為test class為mini class為mini class為mini class為mi...

jquery基礎之選擇器

的所有元素的背景色為 00ffff id b2 元素和 id 為 two 的元素的背景色為 3399ff id b5 id為one id為two class是 mini class是 mini class是 one class是 mini class是 mini class是 one class是 ...

Jquery 基礎 選擇器。

jquery選擇器繼承了css與path語言的部分語法,允許通過標籤,屬性名或者內容對dom元素進行快速,準確的選擇,而不必擔心瀏覽器的相容性。通過 selector 得到的物件,因為無論是對事件的處理 遍歷dom ajax,本質上都是對物件的操作。一 jquery選擇器優勢 1.簡潔寫法 2.支援...