Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。
創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司是一家服務(wù)多年做網(wǎng)站建設(shè)策劃設(shè)計(jì)制作的公司,為廣大用戶提供了成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作,成都網(wǎng)站設(shè)計(jì),廣告投放平臺(tái),成都做網(wǎng)站選創(chuàng)新互聯(lián)建站,貼合企業(yè)需求,高性價(jià)比,滿足客戶不同層次的需求一站式服務(wù)歡迎致電。
首先,打開(kāi)html編輯器,新建html文件,例如:index.html,并引入jquery,編寫問(wèn)題基礎(chǔ)代碼。
通過(guò)選擇器、jQuery 對(duì)象或元素來(lái)篩選。
注:js原生獲取的dom是一個(gè)對(duì)象,jQuery對(duì)象就是一個(gè)數(shù)組對(duì)象,其實(shí)就是選擇出來(lái)元素的數(shù)組集合。所以說(shuō)他們兩者是不同的對(duì)象類型不等價(jià)。
第一:jQuery(#showDiv).html(aaa)是jQuery對(duì)象。而document.getElementById(showDiv).innerHTML是DOM對(duì)象。那么jQuery對(duì)象和DOM對(duì)象的區(qū)別就是:jQuery對(duì)象就是通過(guò)jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。
深刻了解jQuery對(duì)象和普通DOM對(duì)象的區(qū)別。
DOM對(duì)象。jQuery對(duì)象是jQuery函數(shù)的一個(gè)實(shí)例,是一個(gè)類數(shù)組對(duì)象,數(shù)組中存放的是DOM對(duì)象,而DOM對(duì)象是Node的實(shí)例,是最基本的操作步驟。
jquery對(duì)象可以通過(guò)get(index)來(lái)獲得實(shí)際的dom對(duì)象,或者通過(guò).[0]獲得實(shí)際的dom對(duì)象。
當(dāng)然不同,jq選擇器選擇的結(jié)果是經(jīng)過(guò)封裝的dom對(duì)象(可以叫做jquery對(duì)象),添加了jq自身的一些專有的屬性和方法,比如 $(.xxx).index(),而原生的dom對(duì)象卻不能這樣用。
這是一個(gè)符號(hào),是一個(gè)變量的名稱,一個(gè)對(duì)象的名稱的意思。相當(dāng)于jQuery的意思。(這里是參數(shù))。相當(dāng)于jQuery(參數(shù))。相當(dāng)于一個(gè)對(duì)象,傳入?yún)?shù),運(yùn)算后,就返回的結(jié)果包裝成一個(gè)對(duì)象。由于源代碼特意設(shè)計(jì),寫的又好。
$(this) 返回一個(gè) jQuery 對(duì)象,你可以對(duì)它調(diào)用多個(gè) jQuery 方法,比如用 text() 獲取文本,用val() 獲取值等等。而 this 代表當(dāng)前元素,它是 JavaScript 關(guān)鍵詞中的一個(gè),表示上下文中的當(dāng)前 DOM 元素。
也就是說(shuō),后者返回的是一個(gè)html對(duì)象(本例中是遍歷HTML的img對(duì)象,所以為HTMLImageElement)。
1、addClass(),為元素標(biāo)簽添加class。如圖所示代碼實(shí)現(xiàn)方式,addClass(),為元素標(biāo)簽添加多個(gè)class也可以的。removeClass(),可以刪除元素標(biāo)簽的class。removeClass(),也可以刪除元素標(biāo)簽的多個(gè)class。
2、:children方法的參數(shù)selector 是可選的(optionally),用來(lái)過(guò)濾子元素,但find方法的參數(shù)selector方法是必選的。
3、輸入jquery代碼:var objs = $(#imglist div.imgstyle img);for(var i=0;iobjs.length;i++){ objs.eq(i).attr(id, i);} 瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)成功通過(guò)遍歷所有img標(biāo)簽給它們添加了ID。