jquery 中mouseover，click，toggle用法

最新推荐文章于 2024-03-15 09:57:57 发布

伏特加的滋味

最新推荐文章于 2024-03-15 09:57:57 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/yuanyuan214365/article/details/53214446

版权

hover：鼠标悬停/离开切换事件

hide： 隐藏

show： 显示



<!doctype html>
<html lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>jquery层</title>
 </head>
 <body>
     <div name="mydiv" id="mydiv" style="position:absolute;left:200px;top:200px;height:200px;width:200px">
	     <input name="xuanzhe" id="xuanzhe" type="button" value="选择鼠标" ><br>
		 </br>
		 <input type="text" id="js" value="javaScript"><br>
	 </div>
     <script type="text/JavaScript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	 <script type="text/javascript">
	    $(function(){
		   $("#xuanze").mouseover(function(){
              alert("按钮被选择");
			 //  var width=$("#xuanze").width();
			 // var height=$("#xuanze").height();
			 // alert("层的宽："+width+"px"+"层的高:"+height+"px");

		   });
		});
		 
		 $(function(){
		       $("#xuanzhe").click(function(){
			                     $("#js").hide();
			                       },
			        function(){
				     $("#js").show();
				   }
			   );
		 });
        
	 </script> 
 </body>  
</html>