真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jQuery常見面試題之DOM操作的示例分析-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“jQuery常見面試題之DOM操作的示例分析”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery常見面試題之DOM操作的示例分析”這篇文章吧。

創(chuàng)新互聯(lián)建站專注于包頭企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站建設(shè)。包頭網(wǎng)站建設(shè)公司,為包頭等地區(qū)提供建站服務(wù)。全流程定制制作,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

面試題一:JQ中html()、text()和val()區(qū)別?

面試題二:JQ中find()、has()和filter()區(qū)別?

面試題三: closet()和parents()區(qū)別?

答案請在文中查找...

DOM操作有三類:DOM-core、HTML-DOM 、CSS-DOM

一、插入節(jié)點

我們用的最多的就是append和apendTo,其實共有8種方法。

jQuery常見面試題之DOM操作的示例分析
插入節(jié)點

二、刪除節(jié)點

remove():刪除節(jié)點,并刪除元素節(jié)點綁定的事件。

empty():清空節(jié)點元素的內(nèi)容,類似$().html(' ')。

三、克隆(復(fù)制)節(jié)點

$().clone(),只復(fù)制節(jié)點,不復(fù)制方法和事件。

添加clone(true),不僅復(fù)制節(jié)點,也復(fù)制方法,也叫深度克隆。

四、替換節(jié)點

$('new').replaceWith('old')  ,返回new元素。

$('old').replaceAll('new'),返回old元素。

如果在替換之前,已為元素綁定事件,替換后原有綁定事件將會被替換的元素一起消失,需要在新元素上重新綁定事件。

五、包裹節(jié)點

$('span').wrapAll('

'):將所有元素用一個元素包裹。

wrap():將所有元素單獨(dú)包裹。

wrapInner:包裹元素內(nèi)容。

unwrap():刪除包裹,刪除父元素,不包含body。

六、遍歷節(jié)點

children():只考慮子元素,不考慮后代元素。

next():同輩緊鄰后面一個元素。

nextAll():同輩緊鄰后面所有兄弟元素。

prev():同輩緊鄰前一個兄弟元素。

prevAll():同輩緊鄰前所有兄弟元素。

siblings():同輩所有兄弟元素。

find('span'):返回被選元素的后代元素,括號內(nèi)必填寫,如果查找所有后代使用 "*",起查找作用。

filter('div'):指定選擇器的xx元素,括號內(nèi)必填寫,符合條件的同級元素,非后代元素,起過濾作用。

has(‘div'):符合條件的后代元素,不包含自身,括號內(nèi)必填寫,起過濾作用。

parents():獲取所有祖先元素,參數(shù)為篩選條件。

closest(‘.new'):用來取得最近的匹配元素,包括自身。選檢查自身是否符合,如果符合返回元素本身;如果不匹配,向上查找父元素,逐級向上直到匹配到選擇器的元素。如果什么沒找到,返回一個空的jq對象。必須填寫篩選條件,且只能找到一個元素。

parentsUntil():截止到xx位置的祖先節(jié)點。

七、屬性及樣式操作

$().css():修改css樣式。設(shè)置后,顯示為內(nèi)聯(lián)樣式。

$().attr('title'):獲取title屬性。

$().removeAttr(title'):刪除title屬性。

$().addClass(‘new'):添加class的名字,不是選擇器,故不是“.new”。

$().removeClass(‘new'):與上相反。

$().toggle()

$().toggleClass()

$().hasClass():判斷某元素是否有某個class。

八、內(nèi)容操作

$().html():獲取內(nèi)容,含html標(biāo)簽,可以用于XHTML,但不能用于XML。

$().text():獲取文本內(nèi)容,不含標(biāo)簽。可以用于XHTML和XML,支持所有瀏覽器,原生innerText火狐不支持。

$().val():獲取表單元素的內(nèi)容。

下面說說三者的異同點:

jQuery常見面試題之DOM操作的示例分析
異同點

九、其它節(jié)點操作

$('div').slice(1,4),獲取滿足條件的div。

$('div').add('p').css(),自由組合添加樣式,給div和p都添加公有的樣式。

以上是“jQuery常見面試題之DOM操作的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。


網(wǎng)站題目:jQuery常見面試題之DOM操作的示例分析-創(chuàng)新互聯(lián)
網(wǎng)站URL:http://weahome.cn/article/jihgo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部