是这样做吗?

是这样做吗?

<!doctype html>

<html lang="en">


<head>

    <meta charset="UTF-8" />

    <title>Document</title>

    <style>

        .box {

            width: 300px;

            height: 300px;

            background-color: pink;

        }

        .sBox{

            width: 100px;

            height: 100px;

            background-color: #0af;

            display: none;

        }

        .show{

            display: block;

        }

    </style>

</head>


<body>

    <p>点击这里!</p>

    <div class="box">

        <div class="sBox">我是smallbox内容</div>

    </div>

    

    <script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>

    <script>

        $(document).ready(function () {

            $('p').click(function(){

                $('.sBox').addClass('show');

            });

            $('.sBox').click(function(){

                alert('已执行');

            });

        });

    </script>

</body>


</html>


正在回答

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

4回答

同学你好,关于同学的问题回答如下:

1、老师举的例子是跟同学说,通过on绑定事件是jq的方法,原生js是不可以使用的,不管是一种还是多种。

2、zepto的用法跟jq大部分是一样的,zepto就是简约的jq。

3、同学的建议老师会反馈给有关部分,她们会对此进行综合考量的。同学也不一定非得使用课程里面的笔记,自己写word总结都是可以,每个阶段对应相应的word,这样对应起来也好找。当然了,这些学习方法还得同学自己慢慢总结,找到适合自己的。

祝学习愉快~

好帮手慕粉 2020-04-27 09:48:09

同学你好,关于同学的问题回答如下:

1、on和addEventListener都可以为元素绑定多个事件,但是我们一般用不到,我们一般就绑定一个事件。

2、addEventListener是原生js的方法。

3、原生js和库绑定事件区别如下:

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

由此可以看出,原生js不可以使用on绑定多个事件,jq库才可以。

4、建议同学可以回顾下相关课程,把这些绑定事件的方法写在一起,进行比较性的记忆,要学会对学过的知识进行总结。

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    老师你图中举的例子只绑定一个事件就能说明on只能绑定一个事件了么,而且onclick使用原生JS,on绑定事件click又用库,感觉好像说明不了什么问题,库里不是还可以直接用click绑定么…原生JS也有on的用法呢不是吗?也是一次只能绑定一个事件?(后面的绑定事件那节课我看了知道Zepto库里绑定事件的几种方式的区别了,不过不知道原生和jq库的了,主要之前代码中使用的基本都是直接onclick这种或者用on和addEventListener绑定事件的,其他方式或许也讲过但是基本不用所以印象太浅了) 关于回顾课程总结笔记,我有问题,回顾以前的课程主要是不知道那些内容是什么地方讲过的,看笔记的话我希望你们能尽快出一个搜索功能,可以在某一部分或者某一步骤或者某一章节这三个范围等级中,根据输入的内容搜索有相应内容的笔记,现在只能在个人中心的课程列表里点笔记以后,只能查看到笔记列表,笔记太多的话要翻好久,而且单次笔记记得多了还得点开看,很不方便查找的呀,除非准确的知道是在哪一步骤哪一章节讲的才能很快找到相关笔记。
    2020-04-27 10:03:47
好帮手慕粉 2020-04-26 18:43:01

同学你好,关于同学的问题回答如下:

1、代码实现的是正确的。

2、除此之外,on支持动态绑定元素,即页面上元素有添加或变化后仍可绑定。而直接使用click事件只能绑定静态元素。

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    那么on是不是可以同时绑定多个事件?【原生js和js库里都有on绑定的方式吧?使用方式一样的吧?】还是addEventListener才能绑定多个事件呢?【这个是不是只有原生js才有】一会儿用原生js一会儿用就是库,还有这么多绑定方式,有点混乱了
    2020-04-26 19:02:16
提问者 Aurora_Meteor 2020-04-26 17:46:10

使用on绑定事件和直接使用click的区别是on可以同时绑定多个事件还是有什么其他区别?

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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