在使用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元素的相关属性
上一篇:LabVIEW-光标