jquery選擇器和dom選擇器區別

2021-10-06 16:36:30 字數 1245 閱讀 4304

1. jquery選擇器css

$(

"#file_loading"

).css

("visibility", "visible"

)

2. dom選擇器stylr
document.getelementbuyid

("file_loading"

).style.visibility = "visible"

因為jquery沒有.css屬性

3. jquery選擇器attr

$("img").attr(

);

$(

"ul li:eq(1)"

).removeattr (

"title"

);

一、jquery中用attr()方法來獲取和設定元素屬性,attr是attribute(屬性)的縮寫,在jquery dom操作中會經常用到attr(),attr()有4個表示式。

attr(屬性名)

//獲取屬性的值(取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性,則返回 undefined )

attr(屬性名, 屬性值)

//設定屬性的值 (為所有匹配的元素設定乙個屬性值。)

attr(屬性名,函式值) ·

//設定屬性的函式值 (為所有匹配的元素設定乙個計算的屬性值。不提供值,而是提供乙個函式,由這個函式計算的值作為屬性值。)

attr(properties)

//給指定元素設定多個屬性值,即:。(這是一種在所有匹配元素中批量設定很多屬性的最佳方式。 注意,如果你要設定物件的class屬性,你必須使用'classname' 作為屬性名。或者你可以直接使用'class'或者'id'。)

4.1 獲取裡第2個設定title和value屬性。結果:不喝橘子汁  不是123

4.2 獲取裡第2個設定class。結果:第二個li的html:橘子

4.3 獲取裡第2個設定id。結果:第二個li的html:橘子

4.4 獲取裡第2個設定style。

jQuery選擇器選擇dom元素

jquery選擇器其實是乙個有些地方比較費解的,如果沒有經過多次實驗的話,很難得出它的每個操作符到底是幹什麼的,很容易出錯,經過我的多次測試,終於對一些比較難理解或容易出錯的選擇操作進行總結,既方便自己將來查詢又方便初學者學習。如果 有不對的還望大家幫我指出來,這裡是乙個相互學習的地方。1.先說說通...

jQuery 選擇器,操作DOM

jquery是乙個輕量級的js庫 選擇器 新增乙個 按鈕,使段落的字型放大 function plus type button value onclick plus p1 利用jquery實現字型的放大 過濾選擇器 表單選擇器 操作dom 增刪節點 樣式操作 addclass 追加樣式 remove...

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 下面的某乙...