您好,登錄后才能下訂單哦!
這篇“jquery如何設(shè)置點(diǎn)擊事件去除div元素”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“jquery如何設(shè)置點(diǎn)擊事件去除div元素”文章吧。
去除方法:1、用“$("button").click(function(){...});”語(yǔ)句,給按鈕元素綁定點(diǎn)擊事件,并設(shè)置事件處理函數(shù);2、在處理函數(shù)中,用“$("div").remove();”語(yǔ)句將div元素及內(nèi)部的所有內(nèi)容都刪除。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery設(shè)置點(diǎn)擊事件去除div元素
實(shí)現(xiàn)思想:
用click()給按鈕元素綁定點(diǎn)擊事件,并設(shè)置事件處理函數(shù)
在處理函數(shù)中,用remove()刪除div元素
remove()可以移除被選元素,包括所有的文本和子節(jié)點(diǎn)。
remove() 方法用于“徹底”刪除元素。所謂的“徹底”,指的是不僅會(huì)刪除元素,還會(huì)把元素綁定的事件刪除;
實(shí)現(xiàn)示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("div").remove(); }); }); </script> <style> div{ color: red; } </style> </head> <body> <div>這是一個(gè)div段落。</div> <span>一個(gè)span元素</span> <div>這是另一個(gè)div段落。</div> <p>這是一個(gè)p段落。</p> <button>點(diǎn)擊按鈕,移除div元素</button> </body> </html>
可以看出,只需要使用鼠標(biāo)點(diǎn)擊一下按鈕(綁定點(diǎn)擊事件的元素),就會(huì)在頁(yè)面中刪除div元素。
以上就是關(guān)于“jquery如何設(shè)置點(diǎn)擊事件去除div元素”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。