jQuery trigger()方法用法介紹
更新時(shí)間：2015年01月13日 10:02:52 投稿：junjie
這篇文章主要介紹了jQuery trigger()方法用法介紹,trigger()方法可以觸發(fā)匹配元素上指定類型的事件,本文講解它的使用語(yǔ)法,需要的朋友可以參考下
jQuery的trigger()方法用法介紹:
此方法可以觸發(fā)匹配元素上指定類型的事件。
它具有兩種語(yǔ)法格式，下面就分別做一下介紹。
語(yǔ)法結(jié)構(gòu)一:
復(fù)制代碼 代碼如下:
$(selector).trigger(event,[param1,param2,...])
參數(shù)解析:
1.event:必需，規(guī)定匹配元素要觸發(fā)的事件，可以是自定義事件，也可以是標(biāo)準(zhǔn)的事件。
2.param:可選，傳遞給事件處理函數(shù)的參數(shù)。
代碼實(shí)例:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>螞蟻部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input:text").select(function(){
$(this).css("color","red");
});
$("#bt").click(function(){
$("input:text").trigger("select");
});
});
</script>
</head>
<body>
<input type="text" value="jb51.net"/>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
在上面的代碼中，為文本框注冊(cè)了select事件處理函數(shù)，當(dāng)選中文本框中的文本的時(shí)候，里面的文字就會(huì)變?yōu)榧t色。
當(dāng)點(diǎn)擊按鈕的時(shí)候，就會(huì)使用trigger()方法也會(huì)觸發(fā)匹配元素上的select事件。
語(yǔ)法結(jié)構(gòu)二:
復(fù)制代碼 代碼如下:
$(selector).trigger(eventObj)
您可能感興趣的文章:
- jQuery中trigger()方法用法實(shí)例
- jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
- jQuery如何使用自動(dòng)觸發(fā)事件trigger
- jquery的trigger和triggerHandler的區(qū)別示例介紹
- jquery中trigger()無(wú)法觸發(fā)hover事件的解決方法
- jquery trigger函數(shù)執(zhí)行兩次的解決方法
- jQuery中trigger()與bind()用法分析
- jQuery中triggerHandler()方法用法實(shí)例
- jquery trigger實(shí)現(xiàn)聯(lián)動(dòng)的方法
- jQuery中值得注意的trigger方法淺析
相關(guān)文章
據(jù)統(tǒng)計(jì)，全世界排名前100萬(wàn)的網(wǎng)站，有46%使用jQuery，遠(yuǎn)遠(yuǎn)超過(guò)其他庫(kù)。微軟公司甚至把jQuery作為他們的官方庫(kù)。2011-08-08
查看大圖的效果想必大家在瀏覽網(wǎng)頁(yè)時(shí)都有看過(guò)吧，其實(shí)實(shí)現(xiàn)起來(lái)很簡(jiǎn)單的，下面有個(gè)不錯(cuò)的示例，喜歡的朋友可以參考下2013-11-11
地址欄射擊游戲!對(duì)，你沒(méi)看錯(cuò)，就是在地址欄上玩的游戲，有圖有真相！之前在網(wǎng)上看到這個(gè)小游戲，可惜在墻外，中午研究了一下，搬到國(guó)內(nèi)來(lái)了，看看吧！2011-03-03
jQuery實(shí)現(xiàn)高度靈活的表單驗(yàn)證功能示例【無(wú)UI】
這篇文章主要介紹了jQuery實(shí)現(xiàn)高度靈活的表單驗(yàn)證功能,涉及jQuery正則判斷與頁(yè)面元素動(dòng)態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下2020-04-04
jQuery照片伸縮效果，不是單純的圖片放大縮小，不影響其他元素的布局,需要的朋友可以參考下2014-05-05
jquery實(shí)現(xiàn)去除重復(fù)字符串的方法小結(jié)
這篇文章主要介紹了jquery實(shí)現(xiàn)去除重復(fù)字符串的方法,結(jié)合實(shí)例形式總結(jié)了三種常用的字符串去重操作技巧,需要的朋友可以參考下2016-04-04
jQuery EasyUI 頁(yè)面加載等待及頁(yè)面等待層
這篇文章主要介紹了jQuery EasyUI 頁(yè)面加載等待及頁(yè)面等待層,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
jQuery checkbox選中問(wèn)題之prop與attr注意點(diǎn)分析
這篇文章主要介紹了jQuery checkbox選中問(wèn)題之prop與attr注意點(diǎn),結(jié)合form表單實(shí)例形式分析了針對(duì)火狐瀏覽器下checkbox失效情況的處理技巧,需要的朋友可以參考下2016-11-11
下面小編就為大家?guī)?lái)一篇jQuery讀取本地的json文件(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
下面小編就為大家?guī)?lái)一篇jQuery選擇器之屬性篩選選擇器用法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09