jQuery的內容選擇器和屬性

2021-10-07 07:39:37 字數 3338 閱讀 5217

jquery的選擇器

jquery的內容選擇器

:empty :parent :contains(text) :has(selector)

$

(function()

)

jquery的屬性

物件裡邊儲存的變數就是屬性

物件.屬性名稱 = 值 賦值

物件[『屬性名稱』] = 值 賦值

物件.屬性名稱 獲得值

物件[『屬性名稱』] 獲得值

jquery的屬性和屬性節點

任何物件都有屬性 但只有dom物件有屬性節點

屬性節點就是html標籤中的屬性(比如id name class都是)

dom元素.setattribute(『屬性名稱』,『值』); 賦值

dom元素.getattribute(『屬性名稱』); 獲得值

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

<

/head>

"../jquery/jquery-1.12.4.js"

>

<

/script>

<

!-- 引入jquery庫 --

>

$(function()

var p =

newperson()

;//物件

p.name =

'inj'

;//屬性 第一種賦值

console.

log(p.name)

; p[

'name']=

'chen'

; console.

log(p.name)

;//第二種賦值

var span = document.

getelementsbytagname

('span')[

0];//

span.

setattribute

('name'

,'inj');

//設定屬性節點

span.

getattribute

('name');

//獲取屬性節點})

<

/script>

'xs'

>

<

/span>

在html標籤中新增的屬性

(比如上面的name)就是屬性節點 --

>

<

!-- 在瀏覽器中找到span的dom元素後,dom中的都是span物件的屬性 --

>

<

!-- span物件的屬性中有的attributes屬性,他的內容都是屬性節點 --

>

<

/body>

<

/html>

jquery中的attr方法

attr是用於獲得或者設定屬性節點的值

​ 傳乙個引數時,代表獲取屬性節點的值

​ 傳兩個引數時,代表設定屬性節點的值

removeattr是用於刪除屬性節點

​ 傳入的引數為字串的屬性節點 它會找到這個屬性節點並將有該屬性節點的元素直接刪除

​ 在字串中用空格隔開可以指定多個屬性節點

$(

function()

);<

/script>

="span1" name =

'it666'

>

<

/span>

="span2" name =

'inj'

>

<

/span>

<

/body>

jquery中的prop方法

prop特點跟attr一樣

removeprop特點跟removeattr一樣

在屬性節點返回的是布林值的時候就用prop 其他的用attr

$(

function()

)<

/script>

="span1" name =

'it666'

>

<

/span>

="span2" name =

'inj'

>

<

/span>

"checkbox" checked>

<

/body>

jquery的操作類的相關方法
$(

function()

btns[1]

.onclick

=function()

btns[2]

.onclick

=function()

})<

/script>

新增類<

/button>

刪除類<

/button>

切換類<

/button>

<

/div>

<

/body>

jquery操作文字值
$(

function()

btns[1]

.onclick

=function()

btns[2]

.onclick

=function()

btns[3]

.onclick

=function()

btns[4]

.onclick

=function()

btns[5]

.onclick

=function()

})<

/script>

設定html<

/button>

獲取html<

/button>

設定text<

/button>

獲取text<

/button>

設定value<

/button>

獲取value<

/button>

<

/div>

"text" name=

"" id=

"">

<

/body>

jquery內容選擇器

選擇器用來選擇元素 我是div div span div p div body contains text 找到包含指定文字內容的指定元素。var div div contains 我是div empty 找到既沒有文字內容也沒有子元素的指定元素。var div div empty console....

jQuery選擇器 內容過濾選擇器

前一章介紹了基本過濾選擇器,今天我們學習一下jquery的內容過濾選擇器。選擇器 contains text 描述 匹配包含給定文字的元素 返回值 元素集合 示例 div.mini contains div 是dom元素集合,contains div 是過濾條件選擇器 has selector 描述...

Jquery屬性選擇器

屬性選擇器 1.把所有input的文字輸入框標紅 input type text css border 1px solid red 2.把以.com結尾的超連結標紅 a href com css border 1px solid red 3.以http 開頭的超連結 4.value屬性中包含inpu...