在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电脑。