jquery怎么在父元素事件中禁止子元素的事件？

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了眉縣免費建站歡迎大家使用！

1、首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery，編寫問題基礎(chǔ)代碼。

2、index.html中，將script標簽中的orange的點擊事件中，修改jquery代碼為：

$("#green").click();e.stopPropagation();

3、瀏覽器運行index.html頁面，此時點擊橘色方塊發(fā)現(xiàn)成功禁止了其它子元素的點擊事件，只彈出了“green click”。

jQuery事件冒泡及解決辦法

什么是事件冒泡：在一個對象上觸發(fā)某類事件（比如onclick事件），如果次對象定義了此事件的處理程序，那么此事件就會調(diào)用這個處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個事件會向這個對象的父級對象傳播，從里到外，直至它被處理（父級對象所有同類事件都將被激活），或者它到達了對象層次的最頂層，即document對象（有些瀏覽器是window）。

事件冒泡的作用：事件冒泡允許多個操作被集中處理（把事件處理器添加到一個父級元素上，避免把事件處理器添加到多個子級元素上），它還可以讓你在對象層的不同級別捕獲事件。

阻止事件冒泡：事件冒泡機制有時候是不需要的，需要阻止掉，通過 event.stopPropagation() 來阻止

$(function(){

})

代合并阻止操作：實際開發(fā)中，一般把阻止冒泡和阻止默認行為合并起來寫，合并寫法可以用.

// event.stopPropagation();

// event.preventDefault();

// 合并寫法：

return false;

事件委托就是利用冒泡的原理，把事件加到父級上，通過判斷事件來源的子集，執(zhí)行相應(yīng)的操作，事件委托首先可以極大減少事件綁定次數(shù)，提高性能；其次可以讓新加入的子元素也可以擁有相同的操作。

一般綁定事件的寫法：bind

事件委托的寫法：

如果我們要取消事件的委托：

//ev.delegateTarge 委托的對象

$(ev.delegateTarge).undelegatee();

//如果是上面的兩種例子可使用//$list.undelegate();

創(chuàng)建節(jié)點： ('div')

var ('div這是一個div元素/div');

插入節(jié)點:

1、append()和appendTo()：在現(xiàn)存元素的內(nèi)部，從后面插入元素

2、prepend()和prependTo()：在現(xiàn)存元素的內(nèi)部，從前面插入元素

3、after()和insertAfter()：在現(xiàn)存元素的外部，從后面插入元素

4、before()和insertBefore()：在現(xiàn)存元素的外部，從前面插入元素

刪除節(jié)點

$('#div1').remove();

jquery如何阻止事件冒泡

在一個對象上觸發(fā)某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理程序，那么此事件就會調(diào)用這個處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個事件會向這個對象的父級對象傳播，從里到外，直至它被處理（父級對象所有同類事件都將被激活），或者它到達了對象層次的最頂層，即document對象（有些瀏覽器是window）。所以有些時候需要阻止冒泡。

工具原料：編輯器、瀏覽器

方式一：event.stopPropagation();

$("#div1").mousedown(function(event){

event.stopPropagation();

});

方式二：return false;

$("#div1").mousedown(function(event){

return?false;

});

但是這兩種方式是有區(qū)別的。return false 不僅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 則只阻止事件往上冒泡，不阻止事件本身。

jquery:怎么能阻止第二次點擊click事件？

jquery提供了一個只觸發(fā)一次點擊的方法\x0d\x0aobj.one(function(){\x0d\x0a\x0d\x0a});\x0d\x0a或者用obj.unbind("click")取消點擊事件

jquery阻止事件冒泡的方法

第一種event.stopPropagation(); 阻止事件冒泡

第二種event.preventDefault() 阻止默認事件的冒泡

網(wǎng)站欄目：jquery阻止事件,jquery事件解除
轉(zhuǎn)載來源：http://vcdvsql.cn/article26/dsdgocg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、域名注冊、網(wǎng)站改版、關(guān)鍵詞優(yōu)化、小程序開發(fā)、

廣告

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