jquery选择器(三)-过滤选择器

一.基本过滤选择器二.内容过滤选择器 1. 包含文本内容为“text”的元素 2. 含有某个选择器所匹配的父元素 3. 包含有子元素或者文本的父元素 4. 不含有子元素或者文本的父元素三.可见性过滤选择器 1. 可见的元素 2. 隐藏的元素四.属性过滤选择器 1. 拥有某个属性 2. 某个属性等于某个值 3. 某个属性不等于某个值 4. 某个属性以XX开头 5. 某个属性以XX结尾 6. 某个属性包含 xxx 7. 某个属性等于xx或者以xx开头后面跟横线 8. 某个属性用空格分隔的值中包…

jQuery学习笔记（一）——基础选择器、过滤选择器、表单选择器

$()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如演示样例中$("p")会得到一组P标签元素,当中"p"表示CSS中的标签选择器.$()中的()不一定是指定元素,也可能是函数. 在jQuery中 $()方法等价于jQuery()方法,前者比較经常使用.是后者的简写.一般仅仅有在$()与其他语言冲突时才会使用jQuery()方法. 基础选择器 #id 选择器(使用身份证号来找人) jquery能使用CSS选择器来操作网页中的标签元素. 假设你想要通…

jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器

选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了CSS的风格.利用jQuery选择器,可以非常便捷的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器. jQuery选择器可简单分为基本选择器.层次选择器.过滤选择器.表单选择器.下面通过表格进行一一介绍. 1.基本选择器选择器描述返回示例 #id 匹…

jQuery之属性过滤选择器

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

JQuery -- 介绍，选择器及其示例，基本选择器，层次选择器，过滤选择器，表单选择器

1. 什么是jQuery对象 jQuery 对象就是通过jQuery包装DOM对象后产生的对象. jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法:$("#test").html(); 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码: document.getElementById(&qu…

Jquery | 基础 | 使用 jQuery 表单过滤选择器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 使用 jQuery 表单过滤选择器 &l…

jQuery事件篇---过滤选择器 & 表单选择器

内容提纲: 过滤选择器 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法表单选择器 6.常规选择器 7.表单选择器 8.表单过滤器发文不易,转载请注明出处! 过滤选择器简称:过滤器.它其实也是一种选择器,而这种选择器类似与 CSS3(http://t.mb5u.com/css3/)里的伪类,可以让不支持 CSS3 的低版本浏览器也能支持.和常规选择器一样,jQuery 为了更方便开发者使用,提供了很多独有的过滤器. 一．基本过滤器过滤器主要通过特定的过滤规则…

黑马day16 jquery&属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取对应的元素 .[attribute] 使用方法: $("div[id]") ; 返回值集合元素说明:匹配包括给定属性的元素.样例中是选取了全部带"id"属性的div标签. .[attribute=value] 使用方法: $("input[name='newsletter']").attr("checked", true); 返回值集合元素说明:匹配给定的属性是…

黑马day16 jquery&内容过滤选择器&可见度选择器

内容过滤选择器的过滤规则主要体如今它所包括的子元素和文本内容上 .:contains(text) 使用方法: $("div:contains('John')") 返回值集合元素说明:匹配包括给定文本的元素.这个选择器比較实用.当我们要选择的不是dom标签元素时,它就派上了用场了,它的作用是查找被标签"围"起来的文本内容是否符合指定的内容的. .:empty 使用方法: $("td:empty") 返回值集合元素说明:匹配全部…

Jquery | 基础 | 属性过滤选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

jQuery学习之过滤选择器

基本过滤选择器 :first 选取第一个元素:$("div:first") :last 选取最后一个元素:$("div:last") :not(selector) 取出除selector之外的其他元素:$("div:not(.class)") :even 选取索引为偶数的元素:$("div:even") :odd 选取索引为奇数的元素:$("div:odd") :eq(index) 索引等于index:$(…

Jquery选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器。

基本选择器说明:通过元素id.class和标签名等来查找DOM元素 1.id选择器:$("#test");//选取id为test的元素 2.类选择器:$(".test");//选取所有class为test的元素,其他:$('div.mini') 3.标签选择器:$("div");//选取所有的<div>元素 4.群组选择器:$("p,div,.test");//选取所有<P>,<div>和…

5月22日上课笔记-js属性选择器、过滤选择器、鼠标事件

一.属性选择器 [attr] 包含属性 [attr=value] 属性值 [attr!=value] 属性值不等于value [attr^=value] 属性值以value开头 [attr$=value] 属性值以value结尾 [attr*=value] 属性值包含value值二.过滤选择器 1.基本过滤选择器 2.可见性过滤选择器 display:none type:hidden 三.事件 1.鼠标事件 click(); mouseover(); mouseout();…

jQuery选择器(属性过滤选择器)第六节

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untit…

jQuery选择器(基本过滤选择器)第三节

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untit…

jquery子元素过滤选择器

:nth-child('索引值')//获取指定元素下的某个子元素的位置,索引从1开始: //偶数行 //$('li:nth-child(even)').addClass('class1'); //奇数行 //$('li:nth-child(odd)').addClass('class1'); //第一行 //$('li:nth-child(1)').addClass('class1'); //$('l…

jQuery选择器(内容过滤选择器)第四节

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untit…

jQuery 基本选择器层次选择器过滤选择器内容过滤选择器可见过滤选择器属性过滤选择器表单对象属性过滤选择器

…

Jquery的过滤选择器分为哪几种？

Jquery的过滤选择器分为哪几种? 转载▼ 标签: jquery 过滤选择器分类分类: JQuery 所有的过滤选择器分为哪几种: 一.基本过滤选择器(重点掌握下列八个) :first 选取第一个元素 $("div:first").css("color","red"); :last 选取最后一个元素 $("div:last").css("color","red"); :not 除去…

jQuery内容过滤选择器与子元素过滤选择器用法实例分析

jQuery选择器内容过滤一.:contains(text) 选择器::contains(text)描述:匹配包含给定文本的元素返回值:元素集合示例: ? 1 2 $("div.mini:contains('div')") //div.mini是DOM元素集合,:contains('div')是过滤条件二.:has(selector) 选择器::has(selector)描述:匹配含有选择器所匹配的元素的元素返回值:元素集合示例: ? 1 2 $("div.mini:…

10分钟-jQuery过滤选择器

1.:first过滤选择器本次我们介绍过滤选择器,该类型的选择器是依据某过滤规则进行元素的匹配.书写时以":"号开头,通经常使用于查找集合元素中的某一位置的单个元素. 在jQuery中,假设想得到一组同样标签元素中的第1个元素该如何做呢? 在以下的演示样例代码中你可能注意到我们会使用 $("li:first") 注意:书写时以":"号开头. 样例:鉴于:first和:last功能相近.使用:last给最后的li标签文字加入红色: <div…

jQuery简单过滤选择器

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--jQuery选择器详解根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器.层次选择器.过滤选择器.表单选择器四大类.其中,在过滤选择器中有可以分为:简单过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器.表单对象属性过滤选择器6种 1.简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以…

Jquery：强大的选择器<一>

今天回家之后,学习的是Jquery的选择器.选择器作为Jquery的优势之一,确实让我感觉到了它的强大.Jquery选择器分为基本选择器.层次选择器.过滤选择器和表单选择器,下面我一一介绍这四种选择器. 一.基本选择器看了书中关于选择器的介绍,我才知道,自己平日里用的大部分都是基本选择器.基本选择器中包含id选择器.class选择器.标签选择器.复合选择器和“*”选择器. $("#id") 选取所有属性id等于“id”的元素. $(".class_1") 选取所有…

(7)Jquery1.8.3快速入门_内容过滤选择器

一.Jquery的内容过滤选择器: 内容过滤选择器: 1.:contains(text) 选取含有文本内容为text的元素 2. :empty 选取不包含子元素或者文本为空的元素 3.:has(selector) 选取含有选择器所匹配元素的元素 4.:parent 选取含有子元素或者有文本的元素效果: 源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&g…

(6)Jquery1.8.3快速入门_过滤选择器

一.Jquery的基本过滤选择器: 基本过滤选择器: 1. :first 选取第一个元素 2. :last 选取最后一个元素 3.:not(selector) 去除所有与给定的选择器匹配的元素 4.:even 选取索引时偶数的所有元素,索引从0开始 5.:odd 选取索引时奇数的所有元素,索引从0开始 6.:eq(index) 选取索引等于index的元素,索引从0开始 7.:gt(index) 选取索引大于index的元素,索引从0开始 8.:lt(index) 选取索引小于index的元素,…