多语言展示
当前在线:503今日阅读:57今日分享:41

js 筛选怎么知道选择了哪几个div

在使用JavaScript实现筛选功能时,可以挑选对应的DOM元素,比如获取多个div元素。那么,怎么知道获取了哪几个div呢?
工具/原料
1

JavaScript

2

jQuery

3

HTML5

4

CSS3

5

HBuilderX

6

浏览器

7

WPS

8

截图工具

9

笔记本电脑

方法/步骤
1

双击打开HBuilderX工具,在已新建的Web项目中,创建一个div.html页面

2

打开新建的页面,向标签元素内插入多个div标签

3

标签元素下方,插入script标签并引入jquery核心文件

4

给每个div标签元素,设置一个class属性值

5

利用jquery初始化函数,编写div遍历循环事件,并给每个div绑定点击事件

6

保存代码并直接打开浏览器预览界面效果,然后尝试着点击元素内容

7

在点击div标签内的文字时,设置了点击class为dd的,字体变为红色

总结

1、打开HBuilderX2、新建HTML5页面3、插入多个div元素4、引入jQuery文件5、DIV添加不同类6、DIV元素绑定事件END

注意事项
1

注意js筛选怎么知道选择了哪几个div

2

注意JavaScript获取对应DOM元素的相关属性

推荐信息