鱼C论坛

 找回密码
 立即注册
查看: 4211|回复: 5

求web大神这行代码怎么运行部了呢

[复制链接]
发表于 2020-12-10 12:35:53 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){

                $("p").click(function(){
                        $(this).hide();
                });

                $("h1").dbclick(function(){
                        $(this).hide();
                });
                $("#p1").mouseenter(function(){
                        alert("鼠标移动到了p1元素");
                });
                $("p").mouseleave(function(){
                        alert("鼠标已经离开了p元素");
                });
                $("#p2").mousedown(function(){
                        alert("你用鼠标左键点击了id=p2的元素");
                });
                $("#h2").mouseup(function(){
                        alert("当前点击了id=h2的元素,并松开了鼠标");
                });
                $("h3").hover(function(){
                        $(this).css("color","red"),
                       
                        $(this).css("color","blue");
                         //这里为什么不能设置成把鼠标放开后  字体变成蓝色?       
                });
               
                $("input").focus(function(){
                        $(this).css("border","1px solid red");
                });       
                $("input"),blur(function(){
                        $(this).css("border-color","#53d311");
                });

    });
        </script>
</head>
<body>
   <p   style="border:1px solid orange">这是第一个段落元素</p>
   <p  id="p2" style="border:1px solid blue ">这是第二个段落元素</p>
   <h1  id="p1">这个是H1元素</h1>
   <h2 id="h2">这是h2元素</h2>
   <h3 id="h3">这是h3元素</h3>
   <input type="text" id="textname"/>
   <input type="button" id="btn" value="提交按钮">
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-12-11 09:43:20 | 显示全部楼层
$("h1").dbclick(function(){
                        $(this).hide();
                });

你这个dbclick是什么鬼
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-12-11 09:48:03 | 显示全部楼层
$(this).css("color","red"),
这里后面你怎么用的 ',' 应该用;号
$(this).css("color","red");
   $(this).css("color","blue");
这里后面的样式会覆盖前面的
之所以会不发生是因为你前面代码错了
你这套代码犯的都是低级错误,建议刚开始写代码的同学用F12查看下控制台报错,再慢慢检测
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-12-11 19:12:20 | 显示全部楼层
hover()
hover()方法用于模拟光标悬停事件。
当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。
实例
$("#p1").hover( function(){ alert("你进入了 p1!"); }, function(){ alert("拜拜! 现在你离开了 p1!"); } );
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-12-11 19:13:26 | 显示全部楼层
木偶 发表于 2020-12-11 09:48
$(this).css("color","red"),
这里后面你怎么用的 ',' 应该用;号
$(this).css("color","red");

hover()
hover()方法用于模拟光标悬停事件。
当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。
实例
$("#p1").hover( function(){ alert("你进入了 p1!"); }, function(){ alert("拜拜! 现在你离开了 p1!"); } );
我用的这个方法  所以中间是逗号
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-12-11 19:14:36 | 显示全部楼层
木偶 发表于 2020-12-11 09:43
$("h1").dbclick(function(){
                        $(this).hide();
                });

是dblclick    少打了个l
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 03:20

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表