jQuery合成事件

最新推荐文章于 2020-05-04 17:03:35 发布

Ward_Tian

最新推荐文章于 2020-05-04 17:03:35 发布

阅读量161

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/Ward_Tian/article/details/83318009

版权

JS 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>合成事件</title>
<script src="../js/jquery-3.3.1.js"></script>
<style>
   .big{
   width:250px;
   height:250px;
   }
</style>
<script>
   $(function(){
       //函数内直接写this代表触发此函数的节点
       $("img").hover(
       function(){
           //console.log(this)
       //   $(this).width("250px").height("250px");
       //$(this).css("width","250px").css("height","250px")
       $(this).addClass("big");
       },
       function(){
       //   $(this).width("218px").height("218px");
       //$(this).css("width","218px").css("height","218px")
   $(this).removeClass("big");
       }
       );

       $("input:button").click(function(){
           //对图片触发切换事件
           $("img").toggle();//让元素在显示和隐藏间切换
       });
       //模拟按钮的单击事件
       $("input:button").trigger("click");


   });
</script>
</head>
<body>
   <input type="button" value="切换"/>
   <p>
   <img src="../images/1.jpg"/>
   <img src="../images/2.jpg"/>
   <img src="../images/3.jpg"/>
   </p>
</body>
</html>

Ward_Tian

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery合成事件

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;合成事件&lt;/title&gt;&lt;script src="../js/jquery-3.3.1.js"&gt;&lt;/script&gt;&
复制链接

扫一扫