一、選取DOM元素
成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比冷水灘網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式冷水灘網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們,業(yè)務覆蓋冷水灘地區(qū)。費用合理售后完善,10余年實體公司更值得信賴。
jQuery的核心是通過各種選擇器,選中DOM元素,可以用querySelectorAll方法模擬這個功能。
var $ = document.querySelectorAll.bind(document);
這里需要注意的是,querySelectorAll方法返回的是NodeList對象,它很像數(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)
1、新建一個html文件,命名為test.html。
2、在test.html文件內,引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。
3、在test.html文件內,在p標簽內,使用button標簽創(chuàng)建一個按鈕,按鈕名稱為“按鈕”。
4、在test.html文件內,設置button標簽的id為mybtn,主要用于下面通過該id獲得button對象。
5、在test.html文件中,給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執(zhí)行btnfun()函數(shù)。
6、在js標簽中,創(chuàng)建btnfun()函數(shù),在函數(shù)內,通過id(mybtn)獲得button對象,使用attr()方法將disabled屬性設置為disabled,讓按鈕變成不可用狀態(tài)即可。
使用步驟如下:
1.jQuery給放到一個文件夾里面,方便我們待會引用這個jQuery,這里我就放到我項目的js文件夾里面。
2.然后我們來開始編輯HTML界面代碼。
3.使用script標簽把jQuery引入到我們的HTML界面。src引號里面的就是我們的jQuery路徑名稱。
4.接著再書寫一個script標簽對,里面寫上jQuery入口函數(shù),這樣,當我們的HTML加載完成之后就會執(zhí)行我們的jQuery代碼
分享文章:jquery方法,jquery方法鏈
本文地址:http://sd-ha.com/article36/dsecdpg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、微信公眾號、外貿(mào)建站、動態(tài)網(wǎng)站、品牌網(wǎng)站建設、外貿(mào)網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)