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

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

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

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

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

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

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

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

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

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

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

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

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

1、append的字符串中應(yīng)該是 })； $(.btn).on(click，function(){ console.log(haha)； })； //上面綁定的方式也不對。因為頁面剛加載時$(.btn)并不包括后來生成的button。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

肯定是先引入jquery庫，可以選擇下載本地引用，也可以在線引用。on函數(shù)，這個是guan 方推薦使用的函數(shù)，因為其他方法都是內(nèi)部調(diào)用on來完成的，直接使用on可以提高效率。

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

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

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

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

當(dāng)前文章：jquery+on、 jqueryon事件委托
網(wǎng)站路徑：http://aaarwkj.com/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)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)