江中谷雨 发表于 2020-12-10 12:35:53

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

<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>
   <pid="p2" style="border:1px solid blue ">这是第二个段落元素</p>
   <h1id="p1">这个是H1元素</h1>
   <h2 id="h2">这是h2元素</h2>
   <h3 id="h3">这是h3元素</h3>
   <input type="text" id="textname"/>
   <input type="button" id="btn" value="提交按钮">

木偶 发表于 2020-12-11 09:43:20

$("h1").dbclick(function(){
                        $(this).hide();
                });

你这个dbclick是什么鬼

木偶 发表于 2020-12-11 09:48:03

$(this).css("color","red"),
这里后面你怎么用的 ',' 应该用;号
$(this).css("color","red");
   $(this).css("color","blue");
这里后面的样式会覆盖前面的
之所以会不发生是因为你前面代码错了
你这套代码犯的都是低级错误,建议刚开始写代码的同学用F12查看下控制台报错,再慢慢检测

江中谷雨 发表于 2020-12-11 19:12:20

hover()
hover()方法用于模拟光标悬停事件。
当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。
实例
$("#p1").hover( function(){ alert("你进入了 p1!"); }, function(){ alert("拜拜! 现在你离开了 p1!"); } );

江中谷雨 发表于 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!"); } );
我用的这个方法所以中间是逗号

江中谷雨 发表于 2020-12-11 19:14:36

木偶 发表于 2020-12-11 09:43
$("h1").dbclick(function(){
                        $(this).hide();
                });


是dblclick    少打了个l
页: [1]
查看完整版本: 求web大神这行代码怎么运行部了呢