jquery选择器初探

小微 科技jquery选择器初探已关闭评论123字数 1037阅读模式
摘要jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等\"查找\"(或选择)HTML 元素。 它基于已经存...

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等\"查找\"(或选择)HTML 元素。 它基于已经存在的CSS 选择器,除了此以外,它还有一些自定义的选择器。文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

jQuery 中所有选择器都以美元符号开头:$。文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html


基本选择器

基本选择器是jquery中最经常使用的选择器,也是最简单的选择器,它通过元素id、class以及标签名等来查找DOM元素。在网页中,每一个id名称只能使用一次,class允许重复使用。文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

  • 元素选择器文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

jQuery 元素选择器基于元素名选取元素。文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

$文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

在页面当选取所有 <p> 元素文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

  • id 选择器文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

jQuery id 选择器。文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

通过 id 选取元素语法如下:文章源自微观生活(93wg.com)微观生活-https://93wg.com/7873.html

$

  • class 选择器

jQuery 类选择器可以通过指定的 class 查找元素。

语法如下:

$

层次选择器

如果想通过DOM元素之间的层次关系来获取特定元素,例如昆裔元素、子元素、相邻元素以及同辈元素等,那么层次选择器是一个无比好的选择。

过滤选择器

过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,即选择器都以一个冒号(:)开头。依照不同的过滤规则,过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤以及表单对象属性过滤选择器。

  • 基本过滤选择器

  • 内容过滤选择器

    内容过滤选择器的过滤规则主要体现在它所包括的子元素或文本内容上。

  • 可见性过滤选择器

    可见性过滤选择器是依据元素的可见以及不可见状况来选择相应的元素。

  • 属性过滤选择器

    属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。

  • 子元素过滤选择器

    子元素过滤选择器的过滤规则相对于于其他的选择器略微有些繁杂,无非只要将元素的父元素以及子元素区别清楚就很简单了。

  • 表单对象属性过滤选择器

    表单对象属性过滤选择器主要是对所选择的表单元素进行过滤,例如选择被选中的下拉框,多选框等元素。

表单选择器

为了使用户能够更为灵便地操作表单,jquery中专门加入了表单选择器。应用这个选择器,能极为利便地获取到表单的某个或某类型的元素。


jquery选择器参考手册

以上即为jquery选择器的基本内容,值得一提的是jquery选择器是在css选择器的基础上发展而来,两者有许多选择器是一致的。关于css选择器的相关内容,详见《css选择器初探》。关于jquery的相关知识,详见《jquery初探》。

以上就是微观生活(93wg.com)关于“jquery选择器初探”的详细内容,希望对大家有所帮助!

继续阅读
 
小微
  • 版权声明: 本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们(管理员邮箱:81118366@qq.com),情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!
  • 转载请务必保留本文链接:https://93wg.com/7873.html