jQuery中的筛选选择器

1.chiledren() 子代选择器

　　子代选择器与$(‘#list>li‘)的功能类似，优点是可以完善链式编程操作

　　如果不书写选择器参数表示获取所有的子元素，如果书写了选择器参数表示选择制定的部分内容

2.find() 后代选择器

　　注：如果不设置选择器参数，不会生效

3.parent() 父元素获取，相当于parentNode

　　由于jQuery对象中可能具有多个DOM对象，所以parent()获取的结果可能为多个元素

4.parents() 祖先元素

　　注：parents()方法可以不书写参数直接使用，但是没意义，所以还是推荐设置参数后使用

5.siblings() 同级元素(兄弟元素)

6.next() 下一个

7.prev() 上一个

8.nextAll() 后面所有同级元素

9.prevAll() 前面所有同级元素

10.eq() 根据指定下标获取元素

　　注：下标从0开始

原文地址：https://www.cnblogs.com/lzp108/p/9765342.html

时间： 2024-11-10 03:07:23

jQuery中的筛选选择器的相关文章

jQuery入门（1）jQuery中万能的选择器

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应用编写任何JavaScript程序我们要首先获得对象,jQuery选择器能彻底改变我们平时获取对象的方式,可以获取几乎任何语意的对象,比如 “拥有title属性并且值中包含test的<a>元素”,完成这些工作只需要编写一个jQuery选择器字符串, 学习jQuery选择器是学习jQuery最重要

jQuery中的:input选择器

jQuery中的:input选择器 jQuery中的:input选择器包含input, textarea, select 和 button这些标签. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"&g

jQuery的基本筛选选择器

很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素.筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个列表,看看基本筛选器的描述: 注意事项: :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集

JQuery中的id选择器含有特殊字符时，不能选中dom元素的解决方法

1.jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素.但是:当id含有特殊字符的时候,是不能选中的. 2.自己简单的测试了下,jquery的id选择器只支持,单词.阿拉伯数字.下划线.中划线.其中单词,包括英文字母.汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,这里不考虑. 3.自己写了一个工具方法,开人人员只要将id转义后,jquery就能选中了,不用再考特殊字符的问题.代码是基于jquery1.6版本. function

jquery 中多条件选择器,相对选择器,层次选择器的区别

一.Jquery常用的过滤选择器如下所示: 1.:first,选取第一个元素,比如$("div:first")选取第一个div元素 2.:last,选取最后一个元素,比如$("div:last")选取最后一个div元素 3.:not(选择器),选取不满足“选择器”条件的元素,比如$("div:not(.className)"),选取样式不是className的所有div元素 4.:even/:odd,选取索引为偶数/奇数的元素,比如$("

jQuery中的筛选（七）

1. eq(index|-index) 获取当前链式操作中第N个jQuery对象,返回jQuery对象,当参数大于等于0时为正向选取,比如0代表第一个,1代表第二个.当参数为负数时为反向选取,比如-1为倒数第一个. $("p").eq(1) 2. first(), 获取第一个元素 $('li').first() 3. last(), 获取最后一个元素 $('li').last() 4. hasClass(class), 检查当前的元素是否含有某个特定的类,如果有,则返回true $(t

JQuery中常用的选择器

属性选择器 1> [attribute] 概述:匹配包含给定属性的元素. 示例 jQuery 代码:$("div[id]") 描述:查找所有含有 id 属性的 div 元素 2> [attribute=value] 概述:匹配给定的属性是某个特定值的元素 3> [attribute!=value] 概述:匹配所有不含有指定的属性,或者属性不等于特定值的元素. 4> [attribute^=value] 概述:匹配给定的属性是以某些值开始的元素 5> [

JQuery中的id选择器含有特殊字符时，不能选中dom元素

1.jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素.但是:当id含有特殊字符的时候,是不能选中的 2.jquery的id选择器只支持,单词.阿拉伯数字.下划线.中划线.其中单词,包括英文字母.汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,这里不考虑

jQuery中的一些选择器

① CSS选择器选择器语法示例标签选择器 D{CSS} td{font-size:14px;}ID选择器 #ID{CSS} #header{font-size:14px;}类选择器 D.calssName{Css} .dream{font-size:14px;}群组选择器 E1,E2,E3{CSS} td,p,div,a{margin:0px;}后代选择器 E F{Css} #Link a{color:red;}通配符选择符 *{CSS} *{font-size:14px;} ②jQuer