jQuery綁定事件的幾種實(shí)現(xiàn)方式_jquery

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

為達(dá)坂城等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及達(dá)坂城網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、達(dá)坂城網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

簡寫事件 為了使開發(fā)者更加方便的綁定事件，jQuery 封裝了常用的事件以便節(jié)約更多的代碼。 稱之為簡寫事件。

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

簡而言之click方法是JQuery實(shí)現(xiàn)的方法，onclick是js原生的click事件綁定方法。使用click方法必須引入jquery相關(guān)文件，onclick則不需要。

jquery綁定事件的兩種方法有什么不同?

簡而言之click方法是JQuery實(shí)現(xiàn)的方法，onclick是js原生的click事件綁定方法。使用click方法必須引入jquery相關(guān)文件，onclick則不需要。

click方法 是jQuery實(shí)現(xiàn)的方法，為$(#aa)檢索到的元素綁定click事件；而onclick是js原生的click事件綁定，即使沒有加載jQuery庫也可以使用。

jQuery.js 中 one() 只綁定一次，這個(gè)綁定只會(huì)生效一次，比如$(div).one(click，function(){alert(22)；}，這時(shí) div 只有第一次點(diǎn)擊時(shí)會(huì)有彈窗。而 bind() 則可以無限次彈窗。

onclick是綁定事件，告訴瀏覽器在鼠標(biāo)點(diǎn)擊時(shí)候要做什么 click本身是方法作用是觸發(fā)onclick事件，只要執(zhí)行了元素的click()方法，就會(huì)觸發(fā)onclick事件。

第一種方法很好理解，其實(shí)就和普通JS的用法差不多，只是少了一個(gè)on而已 第三種方法都是綁定事件，但是二者又有很大的不同，下面著重講解一下，因?yàn)檫@個(gè)如果用到Jquery的框架的話是用的挺多的，尤其要注意二者的區(qū)別。

jQuery中bind(),one(),on(),live()這幾個(gè)綁定事件函數(shù)有哪些區(qū)別

function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)guan 網(wǎng)解釋，自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

作用不同 on()：在被選元素及子元素上添加一個(gè)或多個(gè)事件處理程序。live()：為被選元素附加一個(gè)或多個(gè)事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。

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

Jquery中bind和live的區(qū)別如下：bind()可以綁定多個(gè)事件，live()一次只能綁定一個(gè)事件。區(qū)別在于用live來綁定事件會(huì)給所有當(dāng)前以及將來在頁面上的元素綁定事件(使用委派的方式)。

.bind()與.on()的區(qū)別：（1）是否支持selector這個(gè)參數(shù)值。由于javascript的事件冒泡特性，如果在父元素上注冊了一個(gè)事件處理函數(shù)，當(dāng)子元素上發(fā)生這個(gè)事件的時(shí)候，父元素上的事件處理函數(shù)也會(huì)被觸發(fā)。

網(wǎng)頁標(biāo)題：jquery綁事件 jquery 綁定事件
文章轉(zhuǎn)載：http://aaarwkj.com/article2/dgippic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站制作、微信小程序、網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄

廣告

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