jQuery事件绑定方式

最新推荐文章于 2024-08-26 20:25:07 发布

liulu璐

最新推荐文章于 2024-08-26 20:25:07 发布

阅读量180

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/qq_43566612/article/details/107448109

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	</head>
	<body >
	<!-- 	
		<a id="bt" href="http://www.baidu.com" target="_blank">百度一下</a>
		<div style="border: black 1px solid;">
		</div>
		<script type="text/javascript">
			$("a").bind("click",function(){
				console.log("你是我的！")
			});
			
			var gai=$("a").clone(true);//克隆
			console.log(gai);
			$("div").append(gai);
		</script> -->
		
		
		
	<!-- 	<span>zzu</span><span>大学</span>
		
		<script type="text/javascript">
			$("span").replaceWith("<i>河南</i>");//替换
		</script>
		 -->
		 
		<!-- 
		<div style="border: black 1px solid;">
			<span>zzu</span><span>大学</span>
		</div>
		<script type="text/javascript">
			$("div").empty();//里面元素删除  自身保留
			$("div").remove();//包括自身内所有全部删除
		</script> -->
		
		//事件绑定
		
		
		<div style="border: black 1px solid;">
			郑州大学
		</div>
		<script type="text/javascript">	
		1.bind&&unbind
			 /* var obj={
				mouseover:function(){
					this.style.backgroundColor="red";
				},
				mouseout:function(){
					this.style.backgroundColor="green";
				}
			} 
			$("div").bind(obj);//元素绑定事件
			$("div").unbind("mouseover mouseout");//删除元素上绑定的事件 */
			
		2.one&&click
			/* $("div").one(obj);  //事件执行一次
			$("div").one("click",function(){
				console.log("你是我的！")
			});
			$("div").trigger("click"); */
			
		3.hover
			/* $("div").hover(function(){
				this.style.backgroundColor="red";
			},
			function(){
				this.style.backgroundColor="green";
			}); */
		</script>
		
		4.change  
		<!-- <select >
		    <option value="">--请选择--</option>
			<option value="001" >--北京市--</option>
			<option value="002">--天津市--</option>
			<option value="003">--山西省--</option>
			<option value="004">--河南省--</option>
		</select>
		<script type="text/javascript">
			$("select").change(function(){
				var array=this.options;
				for(var i=0;i<array.length;i++){
					var option=array[i];
					if(option.selected){
						console.log(option.value);
					}
				}
				/* console.log($(this).val()); */
			});
		</script> -->
		
		5.keydown
		<form action="http://www.baidu.com/s">
			<input name="wd" >
			<input type="button"  value="百度一下" />
		</form>
		<script>
			$(window).keydown(function(e){
				if(e.keyCode==13){
					$("form").trigger("submit");
					/* $("form").submit(); */
				}
			});
		</script>
		
	</body>
</html>

liulu璐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery事件绑定方式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> </head> <body > <!-- <a id="bt" href="ht.
复制链接

扫一扫