jQuery中triggerHandler()方法用法實例
本文實例講述了jQuery中triggerHandler()方法用法。分享給大家供大家參考。具體分析如下:
此方法觸發(fā)被選元素的指定事件類型。
從上面定義可以看出此方法和trigger()方法功能上很類似,但還是有巨大區(qū)別。以下是主要區(qū)別:
1.此方法不會觸發(fā)瀏覽器默認(rèn)事件。
2.此方法觸發(fā)jQuery對象集合中第一個元素的事件處理函數(shù),不會產(chǎn)生事件冒泡。
3.此方法的返回的是事件處理函數(shù)的返回值,而不是據(jù)有可鏈性的jQuery對象。
語法結(jié)構(gòu):
參數(shù)列表:
實例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").click(function(){
$("div").append("腳本之家");
});
$("button").click(function(){
$("div").triggerHandler("click");
})
})
</script>
</head>
<body>
<div></div>
<button>查看效果</button>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
- 淺談js在html中的加載執(zhí)行順序,多個jquery ready執(zhí)行順序
- 簡述jQuery ajax的執(zhí)行順序
- jquery中ajax函數(shù)執(zhí)行順序問題之如何設(shè)置同步
- Jquery ajax執(zhí)行順序 返回自定義錯誤信息(實例講解)
- jQuery中(function(){})()執(zhí)行順序的理解
- 如何確保JavaScript的執(zhí)行順序 之jQuery.html深度分析
- jquery $.ajax各個事件執(zhí)行順序
- jquery的trigger和triggerHandler的區(qū)別示例介紹
- jQuery事件模型默認(rèn)行為執(zhí)行順序及trigger()與 triggerHandler()比較實例分析
相關(guān)文章
jQuery彈出層始終垂直居中相對于屏幕或當(dāng)前窗口
碰到?jīng)]有固定高或者固定寬或者固定高和寬的時候,我們就需要用JS去處理,去動態(tài)獲取當(dāng)前窗口高或者寬;今天弄了2種情況,一個是相對于屏幕窗體,一個是相對于當(dāng)前的窗口,看代碼2013-04-04Jquery.TreeView結(jié)合ASP.Net和數(shù)據(jù)庫生成菜單導(dǎo)航條
在網(wǎng)上瀏覽了許多關(guān)于利用Jquery.TreeView插件生成樹的例子!但是大多數(shù)都沒有結(jié)合數(shù)據(jù)庫來生成樹,很難運用到實際項目中!2010-08-08jQuery實現(xiàn)的導(dǎo)航條點擊后高亮顯示功能示例
這篇文章主要介紹了jQuery實現(xiàn)的導(dǎo)航條點擊后高亮顯示功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-03-03使用jQuery將多條數(shù)據(jù)插入模態(tài)框的實現(xiàn)代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡單,很實用,需要的朋友可以參考下2014-10-10JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合
在ajax中經(jīng)常需要對元素的位置進行精確的定位,此時不僅需要獲取元素自身的大小位置等屬性。還需要知道頁面、瀏覽器、滾動條等的長度和寬度。2010-01-01jquery $.trim()去除字符串空格的實現(xiàn)方法【附圖例】
下面小編就為大家?guī)硪黄猨query $.trim()去除字符串空格的實現(xiàn)方法【附圖例】。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-03-03