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

基本筛选选择器

1   基本筛选选择器能更快捷的找到所需的DOM元素

2   基本筛选选择器的描述

$(":first")        匹配第一个元素

$(":last")        匹配最后一个元素

$(":not(selector)")        用来过滤的选择器,选择所有元素取出不匹配给定的选择器元素

$(":eq(index)")        在匹配的集合中选择索引值为index的元素

$(":gt(index)")        选择匹配集合中所有大于给定index(索引值)的元素

$(":even")        选择索引值为偶数的元素,从0开始计数

$(":odd")        选择索引值为奇数的元素,从0开始计数

$(":lt(index)")        选择匹配集合中所有索引值小于给定index参数的元素

$(":header")        选择所有标题元素

$("lang(language)")        选择制定语言的所有元素

$(":root")        选择该文档的根元素

$("animated")        选择所有正在执行动画效果的元素

3   gt筛选段落,从指定索引的下一个开始,gt(1)实际从2开始

4   :eq()、:lt()、:gt()、:even、odd筛选前面匹配表达式的集合元素,根据之前匹配的元素进一步筛选

5   JQuery合集都是从0开始索引

6   内容筛选选择器是通过内容来   内容筛选选择器描述过滤

7   内容筛选选择器描述过滤

$(":contains(text)")        选择所有包含指定文本的元素

$(":parent")        选择所有含有子元素或者文本的元素

$(":empty")        选择所有没有子元素的元素(包含文本节点)

$(":has(selector)")        选择元素中至少包含指定选择器的元素

8   :contanins与:has都有查找的意思,但是contains查找包含指定文本的元素,has查找包含指定元素的元素

9   :contains匹配的文本包含在元素的子元素中是符合的

10   :parent与:empty是相反的,两者所涉及的子元素包含文本节点

时间: 2024-11-05 14:46:00

JQuery选择器——基本筛选选择器的相关文章

jQuery的基本筛选选择器

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

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

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

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——表单对象属性筛选选择器和特殊选择器this

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

jquery 选择器、筛选器、事件绑定与事件委派

一.jQuery简介 jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments.events.实现动画效果,并且方便地为网站提供AJAX交互. jQuery的引入 <script src='jquery 3.3.1.js'></script>//引入jQuery代码(模块) <script type="text/javascript"> //写自己的js或者jquery代码 </script>

jQuery选择器和筛选器(2)

一.jQuery选择器和筛选器总体 1. 选择器 1)基本选择器 (1) 标签选择器:$("标签名")      例:$("p")   $("div")                         // p ,div 这些都是html中的固定标签,你可以将它换成别的标签名称 (2) id选择器: $("#id名称")        例:$("#id")  $("#username")

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

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

一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 &amp;&amp; 内容过滤选择器 &amp;&amp; 可见性过滤选择器

过滤选择器: 过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 ":" 开头 按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器. 一.基本过滤选择器 改变第一个 div 元素的背景色为 # bbffaa 改变最后一个 div 元素的背景色为 # bbffaa 改变class不为 one 的所有 div 元素的背景色为 # bbffaa 改变索引值为偶数的 div 元素的背景色为 #