关于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/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>
时间: 2024-08-30 22:29:26

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

jquery中的trigger和triggerHandler

trigger( event, [data] ) 在每一个匹配的元素上触发某类事件. 这个函数也会导致浏览器同名的默认行为的执行.比如,如果用trigger()触发一个'submit',则同样会导致浏览器提交表单.如果要阻止这种默认行为,应返回false. 你也可以触发由bind()注册的自定义事件 $("p").click( function (event, a, b) {   // 一个普通的点击事件时,a和b是undefined类型   // 如果用下面的语句触发,那么a指向&q

浅析jQuery中常用的元素查找方法总结

本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,需要的朋友参考下   $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass")   选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用

JQuery中attr方法和removeAttr方法用法实例

  本文实例讲述了JQuery中attr方法和removeAttr方法用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

解析prototype,JQuery中跳出each循环的方法

 这篇文章主要介绍了在prototype,JQuery中跳出each循环的方法.需要的朋友可以过来参考下,希望对大家有所帮助   代码如下: function chk(){         var flag=true;         var msg='';         var tips={'username':'姓名','tel':'电话','company':'公司名称','loupan_name':'楼盘名','sdate':'团购时间','content_1':'团购内容'};  

jquery中get,post和ajax方法的使用小结

 本篇文章主要是对jquery中get,post和ajax方法的使用进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在JQuery中可以使用get,post和ajax方法给服务器端传递数据   get方法的使用(customForGet.js文件):   function verify(){ //1.获取文本框的数据   //通过DOM的方式获取 //document.getElementByIdx("userName"); //通过JQuery的方式获取 var jq

JQuery中操作Css样式的方法

 本篇文章主要是对JQuery中操作Css样式的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: //1.获取和设置样式   $("#tow").attr("class")获取ID为tow的class属性   $("#two").attr("class","divClass")设置Id为two的class属性.   //2.追加样式   $("#two").ad

jquery中的$(document).ready()使用方法介绍

 本篇文章主要是对jquery中的$(document).ready()使用方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 window.onload = function(){ alert("welcome"); } 这样的写法作用是希望在页面加载完,自动执行定义js代码(function).   $(document).ready(function(){.... })这个函数是用来取代页面中的window.onload;   document.ready()

JQuery中attr方法和removeAttr方法用法实例_jquery

本文实例讲述了JQuery中attr方法和removeAttr方法用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

JQuery中操作Css样式的方法_jquery

复制代码 代码如下: //1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性. //2.追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3.移除