关于jQuery中的trigger和triggerHandler方法的使用

简介: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>设计器</title> <script name="systemJs" type="text/javascript" src="../../zhuant-design/js
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>设计器</title>
	<script name="systemJs" type="text/javascript" src="../../zhuant-design/js/jquery-1.11.3.min.js"></script>
</head>
<body>
	<button id="old">.trigger("focus")</button>
    <button id="new">.triggerHandler("focus")</button><br/><br/>
    <input type="text" value="To Be Focused"/>
	
	<br>
	<span id="content">这是内容</span>
    <ul>
	    <li>test1</li>
		<li>test1</li>
		<li>test1</li>
	</ul>
	
	
	<script type="text/javascript">
		$("#old").click(function(){
		  $("input").trigger("focus");
		});
		$("#new").click(function(){
		  $("input").triggerHandler("focus");
		});
		$("input").focus(function(){
		  $("<span>Focused!</span>").appendTo("body").fadeOut(1000);
		});
		
		
		$("li").click(function(){
		    $("#content").triggerHandler("getContent");
		});
		$("#content").bind("getContent",function(){
		     alert($(this).text());
		});
	</script>
</body>
</html>

目录
相关文章
|
11天前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
26 5
|
6天前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
29 6
|
16天前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
23 10
|
10天前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
20 2
|
11天前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
11 3
|
13天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
14 5
|
10天前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
18 1
|
11天前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
9 2
|
16天前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
16 7
|
14天前
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
15 2