JQuery隱式迭代

2021-09-28 12:47:15 字數 1025 閱讀 2726

jquery

迭代: 即重複操作,遍歷

通過jq選擇器獲取到的所有元素都是jq物件,而jq物件自身是乙個dom集合物件

通過dom操作獲取的元素是dom物件或者是dom集合;

jq物件能夠呼叫jq中的函式,或者通過某種方式使用jq物件中的dom物件去呼叫js中的函式,屬性

而dom物件只能呼叫js原生函式和屬性,如果dom物件非要用jq物件的函式則需要轉換

jq物件可以給集合直接設定,不需遍歷

獲取到dom物件通過 新增$(』 物件名』)轉化為jq物件

"./js/jquery-3.4.1.js"

>

<

/script>

$(function()

var p=$(

'p')

; console.

log(p)

;// jquery.fn.init(3) [p, p, p, prevobject: jquery.fn.init(1)]

p.css(

'background'

,'red');

var span=document.

getelementsbytagname

('span');

// 通過dom獲取span元素$(

'span').

css(

'background'

,'green');

// 通過$()轉換為jq物件})

<

/script>

aaa<

/p>

bbb<

/p>

ccc<

/p>

111<

/span>

222<

/span>

333<

/span>

<

/body>

Jquery之隱式迭代

隱式迭代 遍歷內部dom元素 偽陣列形式儲存 的過程。簡單理解 給匹配到的所有元素進行迴圈遍歷,執行相應的方法,而不用我們再進行迴圈,簡化我們的操作,方便我們呼叫。demo doctype html en utf 8 viewport content width device width,initi...

jquery鏈式程式設計,隱式迭代

1.jquery鏈式程式設計 多行 合併成一行 前提要認清此行 返回的是不是物件.是物件才能進行鏈式程式設計 html val text val css 鏈式程式設計,隱式迭代 鏈式程式設計注意 div html 設定值 val 設定值 這樣可以,但是 div html text 這樣是不對的,因為...

JQuery的鏈式程式設計,隱式迭代是啥意思?

1.好處 一句話,鏈式程式設計可以省去很多重複的 這話 什麼意思呢?舉個例子。設定obj物件的兩個屬性 普通做法是這樣的 obj.name 小明 obj.age 155 鏈式程式設計是這樣的。obj.name 小明 age 15 2.注意 鏈式程式設計注意 div html 設定值 val 設定值 ...