2-8编程练习

2-8编程练习

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>层级选择器</title>
</head>
<body>
    <p>我是div元素前面的第一个p</p>
    <div>
        <p>第一个P元素</p>
        <p>第二个P元素</p>
        <p>第三个P元素</p>
        <p>第四个P元素</p>
    </div>
    <script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
    <script>
        /*此处写代码*/
        $('div  p').on('mouseenter',function(){
            $(this).css('background','red');
        }).on('mouseout',function(){
         $(this).css('background','#fff');
        })
    </script>
</body>
</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,代码实现效果是正确的。

mouseenter与mouseleave是一对事件哦,建议修改下:

http://img1.sycdn.imooc.com//climg/5c9094240001657d06880172.jpg

祝学习愉快!

提问者 慕粉1110144175 2019-03-19 15:15:52

怎么修改?

  • 之前粘贴的图片中已经进行了修改,将mouseout改成了mouseleave,可以看一下。
    2019-03-19 15:29:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师