jquery 零碎笔记

访客 阅读:190 2022-03-07 15:15:36 评论:0

toggle使用

<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
</head> 
 
<body> 
<button value="click" onclick="$('#testdiv').toggle(c1,c2,c3);">123</button> 
<div id="testdiv" style="background-color:red">1231231</div> 
<script type="text/javascript" language="javascript"> 
	function c1(){ 
		$('#testdiv').css('background-color','blue'); 
	} 
		function c2(){ 
		$('#testdiv').css('background-color','green'); 
	} 
		function c3(){ 
		$('#testdiv').css('background-color','red'); 
	} 
</script> 
</body> 
<script type="text/javascript" language="javascript" src="jquery-1.7.2.min.js"></script> 
</html> 

bind 和unbind 新用

通过bind绑定事件时,可以加上后缀(例:.btn),这就相当于将事件分组,组名就是.btn,到取消的时候就可以通过unbind('.btn')取消所有此组内的事件。
<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").bind("click.btn mouseover.btn",function(){ 
   alert(123333); 
  }); 
 $('#btn').unbind('.btn'); 
}); 
</script> 
</head> 
<body> 
<p>This is a paragraph.</p> 
<button id="btn">请点击这里1111</button> 
<button  id="btn123">请点击这里</button> 
</body> 
</html>



标签:JavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

搜索
排行榜
关注我们

一个IT知识分享的公众号