jquery+on、 jqueryon事件委托

jquery,$(document).on()是在頁(yè)面加載完成后執(zhí)行的嗎?

$(className).on 為onclick綁定，只有在頁(yè)面onload時(shí)執(zhí)行一次。頁(yè)面刷新后，新加載的具有className的元素便沒有事件綁定到上面了。相反$(document).on這種方法會(huì)刷新和重新賦予綁定操作，所以一定程度上更為全面。

在雷州等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供做網(wǎng)站、網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需求定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),全網(wǎng)整合營(yíng)銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,雷州網(wǎng)站建設(shè)費(fèi)用合理。

如果瀏覽器存在 document.onreadystatechange 事件，當(dāng)該事件觸發(fā)時(shí)，如果 document.readyState=complete 的時(shí)候，可視為 DOM 樹已經(jīng)載入。

把js函數(shù)放另一個(gè)頁(yè)面里（也就是你鏈接指向的那個(gè)頁(yè)面）在body里添加onload=showsubmenu(sid)當(dāng)前頁(yè)面的js不可能影響下一個(gè)頁(yè)面的，這是安全性考慮。

造成這個(gè)問題的原因，是因?yàn)閖query他的事件機(jī)制是當(dāng)頁(yè)面完全加載成功后，會(huì)根據(jù)所有目前頁(yè)面上符合要求的dom添加事件標(biāo)示，這樣當(dāng)你觸發(fā)事件的時(shí)候，擁有該事件標(biāo)示的DOM就會(huì)給予響應(yīng)。

(p).on(click， #count， function() {//function code here.})；拓展內(nèi)容juqery on()方法詳解 定義和用法 on() 方法在被選元素及子元素上添加一個(gè)或多個(gè)事件處理程序。

jQuery中的bind()函數(shù)跟on()函數(shù)有什么區(qū)別呢?

bind（）方法為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。bind（）方法的底層邏輯是on（）方法。 .bind() 方法是用于往文檔上附加行為的主要方式。

on()和bind()的函數(shù)簽名如下：bind(type， [data]， fn) on(type，[selector]，[data]，fn)可以看到2個(gè)函數(shù)的區(qū)別在于：是否支持selector這個(gè)參數(shù)值。

.bind()是直接綁定在元素上 .live()則是通過冒泡的方式來(lái)綁定到元素上的。更適合列表類型的，綁定到document DOM節(jié)點(diǎn)上。和.bind()的優(yōu)勢(shì)是支持動(dòng)態(tài)數(shù)據(jù)。

bind()：為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。bind(type，[data]，fn)type： 含有一個(gè)或多個(gè)事件類型的字符串，由空格分隔多個(gè)事件。比如click或submit，還可以是自定義事件名。

jQuery中用on綁定事件時(shí)需要注意些什么

1、append的字符串中應(yīng)該是 })； $(.btn).on(click，function(){ console.log(haha)； })； //上面綁定的方式也不對(duì)。因?yàn)轫?yè)面剛加載時(shí)$(.btn)并不包括后來(lái)生成的button。

2、$(document).on 將事件委托document， $(#idname).on 將事件綁定到.className元素上。每次document有點(diǎn)擊動(dòng)作，瀏覽器都會(huì)判斷當(dāng)前點(diǎn)擊的對(duì)象。如果匹配再?zèng)Q定要不要執(zhí)行，多了個(gè)判斷環(huán)節(jié)。

3、對(duì)，on前面的jquery對(duì)象要存在才可以。jquery語(yǔ)法 .on(events [， selector] [， data]， handler(eventObject))我理解的是先把事件綁定到父元素上面，然后利用事件的冒泡檢查target是不是selector，如果是的話執(zhí)行handler。

4、默認(rèn)情況下為true）。比較一下，如圖可以看到， 禁用排序時(shí)，排序的箭頭沒有了。部分禁用排序功能，禁用第二列的排序功能。js如下。（默認(rèn)排序的總開關(guān)開啟，所以這里沒有在js里設(shè)置）。

5、這次給大家?guī)?lái)jquery怎樣給動(dòng)態(tài)生成的標(biāo)簽綁定事件，jquery給動(dòng)態(tài)生成的標(biāo)簽綁定事件的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。

jquery中on()方法和live()方法的區(qū)別

1、bind（）方法為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。bind（）方法的底層邏輯是on（）方法。 .bind() 方法是用于往文檔上附加行為的主要方式。

2、點(diǎn)擊div下面的P執(zhí)行alert；而on是在7之后新增的，是把bind，live，delegate全部合并在一起了，123$(div).on(click，p，function(){ alert(1)； })不需要事件委托的時(shí)候把P去掉就會(huì)變成點(diǎn)擊div觸發(fā)了。

3、大括號(hào)替代方式：綁定較為靈活，可以給事件單獨(dú)綁定函數(shù)；data：可選；需要傳遞的參數(shù)；function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)guan 網(wǎng)解釋，自從jquery7版本以后bind()函數(shù)推薦用on()來(lái)代替。

4、這里說明on與live這倆方法的區(qū)別，on方法是在JQuery9中出現(xiàn)的，來(lái)代替live的，所以如果你的JQuery包版本較低的話就用live方法。

5、)差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。結(jié)論：如果項(xiàng)目中引用的jquery版本為低版本，推薦用delegate()，如果是高版本jquery則建議用on()。

jquery的on綁定點(diǎn)擊事件執(zhí)行兩次如何解決

如何解決累加綁定：第一種方法是元素點(diǎn)擊后刪除，然后再動(dòng)態(tài)創(chuàng)建一個(gè)元素，再添加點(diǎn)擊事件。顯然這個(gè)方式很麻煩。第二中方法是使用jquery的one()方法，為元素綁定一個(gè)一次性的事件處理函數(shù)，這個(gè)事件處理函數(shù)只會(huì)被執(zhí)行一次。

解決辦法可以通過事件委托，放過第一次觸發(fā)，然后冒泡后的再來(lái)處理。

很多時(shí)候事件會(huì)被快速重復(fù)觸發(fā)，比如 click，這樣就會(huì)執(zhí)行兩次代碼，造成很多后果。

單擊每個(gè)頁(yè)面卡時(shí)，我們分別處理日期輸入框的顯示方法，如點(diǎn)擊月份，然后日期控制只能達(dá)到年份。2，然后運(yùn)行程序，點(diǎn)擊頁(yè)面卡進(jìn)行月度查詢，你會(huì)看到時(shí)間控件的顯示如下圖所示。

設(shè)置個(gè)全局變量，最后動(dòng)作做完全局變量改變值。

再執(zhí)行外層的click事件響應(yīng)。像你的這種情況應(yīng)該是為兩個(gè)并列的span加上click事件。如果你非要這樣的話，也在可以里層的function結(jié)束時(shí)加上return false；來(lái)阻止事件冒泡，這樣就外層的click事件都不會(huì)觸發(fā)。

JQuery使用on方法如何綁定hover事件的代碼案例

肯定是先引入jquery庫(kù)，可以選擇下載本地引用，也可以在線引用。on函數(shù)，這個(gè)是guan 方推薦使用的函數(shù)，因?yàn)槠渌椒ǘ际莾?nèi)部調(diào)用on來(lái)完成的，直接使用on可以提高效率。

新建一個(gè)靜態(tài)頁(yè)面bind.html，并引入jquery核心文件。在標(biāo)簽中，插入一個(gè)button按鈕，添加id屬性值。在標(biāo)簽中，添加按鈕點(diǎn)擊事件，利用on()方法綁定。

$(document).on 將事件委托document， $(#idname).on 將事件綁定到.className元素上。每次document有點(diǎn)擊動(dòng)作，瀏覽器都會(huì)判斷當(dāng)前點(diǎn)擊的對(duì)象。如果匹配再?zèng)Q定要不要執(zhí)行，多了個(gè)判斷環(huán)節(jié)。

事件委托是什么？通過事件冒泡，讓子元素綁定的事件冒泡到父元素(或祖先元素)上，然后再進(jìn)行處理。

jQuery在前端開發(fā)中被廣泛使用，它的知識(shí)點(diǎn)也很多，今天就和大家講講，怎么使用jQuery中的hover方法，toggle方法，正在學(xué)習(xí)jQuery的小伙伴，趕緊過來(lái)看看吧。

當(dāng)前文章：jquery+on、 jqueryon事件委托
網(wǎng)站路徑：http://muchs.cn/article43/dipgohs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站收錄、網(wǎng)站內(nèi)鏈、商城網(wǎng)站、App開發(fā)、外貿(mào)建站

廣告

聲明：本網(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)