首页 > 软件开发 > JQUERY >

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

来源:互联网 2023-03-17 00:48:18 342

在使用JavaScript实现筛选功能时,可以挑选对应的DOM元素,比如获取多个div元素。那么,怎么知道获取了哪几个div呢?bjZ办公区 - 实用经验教程分享!

js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

工具/原料

  • JavaScript
  • jQuery
  • HTML5
  • CSS3
  • HBuilderX
  • 浏览器
  • WPS
  • 截图工具
  • 笔记本电脑

方法/步骤

  • 1

    双击打开HBuilderX工具,在已新建的Web项目中,创建一个div.html页面bjZ办公区 - 实用经验教程分享!

    js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

  • 2

    打开新建的页面,向body>/body>标签元素内插入多个div标签bjZ办公区 - 实用经验教程分享!

    js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

  • 3

    在title>/title>标签元素下方,插入script标签并引入jquery核心文件bjZ办公区 - 实用经验教程分享!

    js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

  • 4

    给每个div标签元素,设置一个class属性值bjZ办公区 - 实用经验教程分享!

    js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

  • 5

    利用jquery初始化函数,编写div遍历循环事件,并给每个div绑定点击事件bjZ办公区 - 实用经验教程分享!

    js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

  • 5此文章非法爬取自百度经验
  • 6

    保存代码并直接打开浏览器预览界面效果,然后尝试着点击元素内容bjZ办公区 - 实用经验教程分享!

    js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

  • 7

    在点击div标签内的文字时,设置了点击class为dd的,字体变为红色bjZ办公区 - 实用经验教程分享!

    js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

  • 总结

    • 1、打开HBuilderXbjZ办公区 - 实用经验教程分享!

      2、新建HTML5页面bjZ办公区 - 实用经验教程分享!

      3、插入多个div元素bjZ办公区 - 实用经验教程分享!

      4、引入jQuery文件bjZ办公区 - 实用经验教程分享!

      5、DIV添加不同类bjZ办公区 - 实用经验教程分享!

      6、DIV元素绑定事件bjZ办公区 - 实用经验教程分享!

      js 筛选怎么知道选择了哪几个divbjZ办公区 - 实用经验教程分享!

    注意事项

    • 注意js筛选怎么知道选择了哪几个div
    • 注意JavaScript获取对应DOM元素的相关属性

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!bjZ办公区 - 实用经验教程分享!


    标签: JAVASCRIPTJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码