品易云推流 关闭
文章详情页
文章 > JavaScript > jquery常用选择器有哪些

jquery常用选择器有哪些

头像

宋雪维

2021-03-22 14:51:393797浏览 · 0收藏 · 0评论

在JavaScript框架中,jquery框架出色的浏览器兼容和dom操作,俘获了大量的程序员进行前端开发。jquery框架中有四个常用的选择器, 它们可以根据具体的选择要求获取出dom特定的元素。本文介绍jquery常用四个选择器:1、基本选择器;2、层级选择器;3、过滤选择器表单;4、过滤选择器。

1、基本选择器

基本选择器是JQuery最常用的选择器,也是最简单的选择器。

通过元素id、class和标签名来查找DOM元素(在网页中id只能使用一次,class允许重复使用)。

所谓的网页中id只能使用一次的意思是说,一个网页中的id是不可以重复的,也就是具有唯一性。

注意:所有的选择器外面都要使用$(""),如:ID选择器 $("#ID")

2、层级选择器

这个方法返回的是JQuery对象才能进行链式操作。

如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素,   子元素,,相邻元素,,兄弟元素等, 则需要使用层级选择器。

注意:省略了$("")

3、过滤选择器表单

表单过滤选择器用于表单中元素

4、过滤选择器

通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头。

以上就是jquery框架中常用四个选择器介绍,根据获取dom元素的需求,大家可以选择不同的选择器使用哦~更多JavaScript学习推荐:JavaScript教程

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图