jQuery的基本筛选选择器

很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器

筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个列表,看看基本筛选器的描述:

注意事项:

  1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引
  2. gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始
  3. gt:greater than ;lt:less than
时间: 2024-08-13 21:26:29

jQuery的基本筛选选择器的相关文章

jQuery中的筛选选择器

1.chiledren()  子代选择器 子代选择器与$('#list>li')的功能类似,优点是可以完善链式编程操作 如果不书写选择器参数表示获取所有的子元素,如果书写了选择器参数表示选择制定的部分内容 2.find()   后代选择器 注:如果不设置选择器参数,不会生效 3.parent()    父元素获取,相当于parentNode 由于jQuery对象中可能具有多个DOM对象,所以parent()获取的结果可能为多个元素 4.parents()    祖先元素 注:parents()方

jQuery选择器之属性筛选选择器

在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件 <!DOCTYPE html> <

JQuery选择器——可见性筛选选择器

JQuery可见性筛选选择器 1   可见性筛选选择器 $(":visible")      选择所有显示的元素 $(":hidden")      选择所有隐藏的元素,包含display="none"元素的样式和隐藏表单.visibility等 2   隐藏元素的方式 css  display的值是none type="hidden"的表单元素 宽度和高度都显示设置为0 祖先元素是隐藏的,该元素不会在页面上显示 css  

JQuery选择器——基本筛选选择器

基本筛选选择器 1   基本筛选选择器能更快捷的找到所需的DOM元素 2   基本筛选选择器的描述 $(":first")        匹配第一个元素 $(":last")        匹配最后一个元素 $(":not(selector)")        用来过滤的选择器,选择所有元素取出不匹配给定的选择器元素 $(":eq(index)")        在匹配的集合中选择索引值为index的元素 $(":g

JQuery——表单对象属性筛选选择器和特殊选择器this

表单对象属性筛选选择器和特殊选择器this 1   表单对象属性选择器专门针对表单元素,可以附加在其他选择器的后面,对所选择的表单元素进行筛选 2   表单对象属性选择器的描述 $(":enabled")      选取可用的表单元素 $(":disabled")      选取不可用的表单元素 $(":checked")      选取被选中的<input>元素 $(":selected")      选取被选中

第一百六十八节,jQuery,表单选择器

jQuery,表单选择器 学习要点: 1.常规选择器 2.表单选择器 3.表单过滤器 表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以 使用之前的常规选择器或过滤器,也可以使用 jQuery 为表单专门提供的选择器和过滤器来 准确的定位表单元素. 一.常规选择器 我们可以使用 id.类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name 属性,还可以结合属性选择器来精确定位. $('input').val(); //元素名定位,默认获取第一个

jQuery之知识二-选择器

jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确的选择,并且不必担心浏览器的兼容性.jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种 特殊状态的选择. 一.简单选择器 在使用 jQuery 选择器时,我们首先必须使用"$()"函数来包装我们的 CSS 规则.而 CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQue

从零开始学习jQuery (二) 万能的选择器

原文:从零开始学习jQuery (二) 万能的选择器 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery

jQuery之属性过滤选择器

转自:http://blog.csdn.net/woshisap/article/details/7341136 在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQuery中,除了直接使用id和class属性作为选择器之外,还可以根据各种属性(如title等)对由选择器 查询到的元素进行过滤,属性过滤选择器包含了在中括号"[]"中,而不是以冒号开头,通常使用"选择器[属性过滤选择器]"语法格式,可以根据是否包含指定属性或者 根据属性