jQuery實(shí)現(xiàn)自動(dòng)調(diào)用和觸發(fā)某個(gè)事件的方法
本文實(shí)例講述了jQuery實(shí)現(xiàn)自動(dòng)調(diào)用和觸發(fā)某個(gè)事件的方法。分享給大家供大家參考,具體如下:
我以點(diǎn)擊事件為例,研究一下這個(gè)話題:
jQuery 自動(dòng)觸發(fā)點(diǎn)擊事件
1.比如我們通過(guò)jquery定義了一個(gè)點(diǎn)擊事件,我們?nèi)绾巫詣?dòng)觸發(fā)他:
$(function(){ $('#button').click(function(){ alert('button is clicking!'); }); })
1)自動(dòng)觸發(fā)點(diǎn)擊事件
$('#button').click();
這大大出乎了 我的意料,我以為這樣 會(huì)將之前的封裝事件給覆蓋掉了
其實(shí)沒(méi)有。而是調(diào)用了里面的匿名函數(shù),
這樣我們就不難理解,為什么有些函數(shù)同時(shí)兼?zhèn)滟x值和取值的功能了
$('input').val('默認(rèn)值'); var templete = $('input').val();
其實(shí)原理說(shuō)白了 就是將里面的參數(shù)直接返回回來(lái)了。
2)這里還有一種觸發(fā)方式:
$('#button').trigger('click');
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- Jquery on綁定的事件 觸發(fā)多次實(shí)例代碼
- jQuery的事件預(yù)綁定
- 淺談jQuery中Ajax事件beforesend及各參數(shù)含義
- 淺談jQuery hover(over, out)事件函數(shù)
- 利用JQuery阻止事件冒泡
- jQuery-mobile事件監(jiān)聽(tīng)與用法詳解
- 基于jQuery的select下拉框選擇觸發(fā)事件實(shí)例分析
- jQuery 移動(dòng)端拖拽(模塊化開(kāi)發(fā),觸摸事件,webpack)
- 淺談jquery之on()綁定事件和off()解除綁定事件
- 淺談jQuery綁定事件會(huì)疊加的解決方法和心得總結(jié)
- 詳解jQuery中的事件
相關(guān)文章
jQuery實(shí)現(xiàn)切換頁(yè)面過(guò)渡動(dòng)畫(huà)效果
這是一款效果非常酷的jQuery和CSS3通過(guò)AJAX調(diào)用切換頁(yè)面過(guò)渡動(dòng)畫(huà)特效插件。該頁(yè)面切換特效使用AJAX來(lái)動(dòng)態(tài)加載鏈接內(nèi)容,在頁(yè)面加載的時(shí)候,使用CSS3來(lái)制作非??岬捻?yè)面過(guò)渡動(dòng)畫(huà)效果。插件中使用pushState方法來(lái)管理瀏覽器的瀏覽歷史,需要的朋友可以參考下2015-10-10jQuery手動(dòng)點(diǎn)擊實(shí)現(xiàn)圖片輪播特效
這篇文章主要為大家詳細(xì)介紹了jQuery手動(dòng)點(diǎn)擊實(shí)現(xiàn)圖片輪播特效,手動(dòng)點(diǎn)擊數(shù)字卡片實(shí)現(xiàn)圖片輪播,對(duì)圖片輪播感興趣的小伙伴們可以參考一下2015-12-12jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-09-09實(shí)例講解JQuery中this和$(this)區(qū)別
這篇文章主要介紹了實(shí)例講解JQuery中this和$(this)的區(qū)別,this表示當(dāng)前的上下文對(duì)象是一個(gè)html對(duì)象,可以調(diào)用html對(duì)象所擁有的屬性和方法,$(this),代表的上下文對(duì)象是一個(gè)jquery的上下文對(duì)象,可以調(diào)用jquery的方法和屬性值,需要的朋友可以參考下2014-12-12jQuery函數(shù)的等價(jià)原生函數(shù)代碼示例
原生方法明顯要比jQuery方法快,因?yàn)閖Query方法要處理瀏覽器兼容以及其他一些事情,如果你針對(duì)的是現(xiàn)代瀏覽器,那么使用原生方法會(huì)使性能有很大的提升2013-05-05jquery簡(jiǎn)單的拖動(dòng)效果實(shí)現(xiàn)原理及示例
本文為大家詳細(xì)介紹下jQuery拖曵的簡(jiǎn)單實(shí)例,具體的實(shí)現(xiàn)思路及代碼如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07jQuery實(shí)現(xiàn)鍵盤(pán)回車(chē)搜索功能
本文通過(guò)代碼給大家介紹了jquery實(shí)現(xiàn)鍵盤(pán)回車(chē)搜索功能,前臺(tái)代碼和搜索按鈕實(shí)現(xiàn)代碼都給大家貼出了,需要的朋友參考下吧2017-07-07