jQuery的操作方式有哪些？

一、選取DOM元素

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比冷水灘網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式冷水灘網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋冷水灘地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

jQuery的核心是通過(guò)各種選擇器，選中DOM元素，可以用querySelectorAll方法模擬這個(gè)功能。

var $ = document.querySelectorAll.bind(document);

這里需要注意的是，querySelectorAll方法返回的是NodeList對(duì)象，它很像數(shù)組（有數(shù)字索引和length屬性），但不是數(shù)組，不能使用pop、push等數(shù)組特有方法。

二、DOM操作

DOM本身就具有很豐富的操作方法，可以取代jQuery提供的操作方法。

尾部追加DOM元素。

// jQuery寫法

$(parent).append($(child));

// DOM寫法

parent.appendChild(child)

頭部插入DOM元素。

// jQuery寫法

$(parent).prepend($(child));

// DOM寫法

parent.insertBefore(child, parent.childNodes[0])

刪除DOM元素。

// jQuery寫法

$(child).remove()

// DOM寫法

child.parentNode.removeChild(child)

JQuery如何實(shí)現(xiàn)點(diǎn)擊查看更多，顯示更多內(nèi)容

1、新建一個(gè)html文件，命名為test.html。

2、在test.html文件內(nèi)，引入jquery.min.js庫(kù)文件，成功加載該文件，才能使用jquery中的方法。

3、在test.html文件內(nèi)，在p標(biāo)簽內(nèi)，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，按鈕名稱為“按鈕”。

4、在test.html文件內(nèi)，設(shè)置button標(biāo)簽的id為mybtn，主要用于下面通過(guò)該id獲得button對(duì)象。

5、在test.html文件中，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行btnfun（）函數(shù)。

6、在js標(biāo)簽中，創(chuàng)建btnfun()函數(shù)，在函數(shù)內(nèi)，通過(guò)id(mybtn)獲得button對(duì)象，使用attr()方法將disabled屬性設(shè)置為disabled，讓按鈕變成不可用狀態(tài)即可。

jquery的使用方法

使用步驟如下：

1.jQuery給放到一個(gè)文件夾里面,方便我們待會(huì)引用這個(gè)jQuery,這里我就放到我項(xiàng)目的js文件夾里面。

2.然后我們來(lái)開始編輯HTML界面代碼。

3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號(hào)里面的就是我們的jQuery路徑名稱。

4.接著再書寫一個(gè)script標(biāo)簽對(duì),里面寫上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會(huì)執(zhí)行我們的jQuery代碼

分享文章：jquery方法,jquery方法鏈
本文地址：http://jinyejixie.com/article36/dsecdpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、微信公眾號(hào)、外貿(mào)建站、動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)