是这样做吗？

首页课程实战体系课手记专栏慕课教程

是这样做吗？

来源：3-4 自由编程

Aurora_Meteor

2020-04-26 17:45:11

<!doctype html>

<head>

<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>

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

</div>

$(document).ready(function () {

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

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

});

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

alert('已执行');

});

</script>

</body>

</html>

写回答

4回答

好帮手慕粉

2020-04-27

已采纳

同学你好，关于同学的问题回答如下：

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

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

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

祝学习愉快~

好帮手慕粉

2020-04-27

同学你好，关于同学的问题回答如下：

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

2、addEventListener是原生js的方法。

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

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

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

祝学习愉快~

hurora_Meteor

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

h020-04-27

共1条回复

好帮手慕粉

2020-04-26

同学你好，关于同学的问题回答如下：

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

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

祝学习愉快~

hurora_Meteor

h 那么on是不是可以同时绑定多个事件？【原生js和js库里都有on绑定的方式吧？使用方式一样的吧？】还是addEventListener才能绑定多个事件呢？【这个是不是只有原生js才有】一会儿用原生js一会儿用就是库，还有这么多绑定方式，有点混乱了

h020-04-26

共1条回复