• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 jQuery选择器可以用来做什么?有几种类型?

发布时间:2021-12-31 10:03:42 浏览 3004 来源:博学谷 作者:小谷

    jQuery选择器可以用来做什么?有几种?选择器允许对元素组或单个元素进行操作。jQuery元素选择器和属性选择器通过标签名、属性名或内容对 HTML 元素进行选择,我们需要学习 jQuery 选择器如何准确地选取你需要的应用效果的元素。

    jQuery选择器学习目标:能够使用jQuery选择器获取标签元素

    一、jQuery选择器是什么?

    jquery选择器就是快速选择标签元素,获取标签的,选择规则和css样式一样。

    二、jQuery选择器有哪些种类?

    jQuery选择器五种类型:标签选择器、类选择器、id选择器、层级选择器、属性选择器。

    示例代码:

    $('#myId') //选择id为myId的标签
    $('.myClass') // 选择class为myClass的标签
    $('li') //选择所有的li标签
    $('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签
    $('input[name=first]') // 选择name属性等于first的input标签

    说明:可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功,否则选择失败。

    $('#myId') //选择id为myId的标签
    $('.myClass') // 选择class为myClass的标签
    $('li') //选择所有的li标签
    $('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签
    $('input[name=first]') // 选择name属性等于first的input标签

    三、jQuery选择器小结

    jQuery选择器就是选择标签的;标签选择器是根据标签名来选择标签;类选择器是根据类名来选择标签;id选择器是根据id来选择标签;层级选择器是根据层级关系来选择标签;属性选择器是根据属性名来选择标签。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: jQuery是什么?jQuery怎么使用? 下一篇: jQuery选择集过滤的操作方法有几种?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码