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.比如我們通過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í)沒有。而是調(diào)用了里面的匿名函數(shù),
這樣我們就不難理解,為什么有些函數(shù)同時(shí)兼?zhèn)滟x值和取值的功能了
$('input').val('默認(rèn)值');
var templete = $('input').val();
其實(shí)原理說白了 就是將里面的參數(shù)直接返回回來了。
2)這里還有一種觸發(fā)方式:
$('#button').trigger('click');
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(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)聽與用法詳解
- 基于jQuery的select下拉框選擇觸發(fā)事件實(shí)例分析
- jQuery 移動(dòng)端拖拽(模塊化開發(fā),觸摸事件,webpack)
- 淺談jquery之on()綁定事件和off()解除綁定事件
- 淺談jQuery綁定事件會(huì)疊加的解決方法和心得總結(jié)
- 詳解jQuery中的事件
相關(guān)文章
一個(gè)實(shí)用的圖片切換支持點(diǎn)擊切換和自動(dòng)輪播
這篇文章主要介紹了一個(gè)實(shí)用的圖片切換支持點(diǎn)擊切換和自動(dòng)輪播,經(jīng)測(cè)試效果相當(dāng)不錯(cuò),需要的朋友可以參考下2014-09-09
jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹,使用jQuery EasyUI的朋友可以參考下。2011-10-10
使用jQuery validate 驗(yàn)證注冊(cè)表單實(shí)例演示
Validation是jQuery的插件,提供的方法可以大大簡(jiǎn)化驗(yàn)證表單的工作,接下來為大家詳細(xì)介紹下使用方法,感興趣的各位可以參考下哈2013-03-03
jquery ajax雙擊div可直接修改div中的內(nèi)容
這篇文章主要介紹了jquery ajax雙擊div直接修改div中內(nèi)容的相關(guān)方法,感興趣的小伙伴們可以參考一下2016-03-03
Easyui和zTree兩種方式分別實(shí)現(xiàn)樹形下拉框
最近工作中需要用到樹形下拉框,因?yàn)轫?xiàng)目中樹形結(jié)構(gòu)使用的是zTree,效果不是很好看,于是想著使用easyui的comboTree,雖然效果達(dá)到了,但是風(fēng)格和bootstrap不搭,下面把這兩種方式的效果分享到腳本之家平臺(tái)供大家參考2017-08-08

