jQuery学习笔记01
来源:互联网 发布:hadoop 数据抓取 编辑:程序博客网 时间:2024/06/07 17:41
1.jQuery基础选择器
1-1 #id选择器
通过一个id号去查找一个元素
$(“#my_id”)
1-2 element选择器
jQuery中可以根据元素名(即element)查找元素
$(“element”)
1-3 .class选择器
通过元素的类别属性查找元素
$(“.class”)
1-4 *选择器
获取页面中的全部元素
$(“*”)
1-5 sele1,sele2,seleN选择器
精确的选择任意多个指定的元素
$(“sele1,sele2,…,seleN”)sele1到seleN为各种有效的选择器
1-6 ance desc选择器
层次选择器
$(“ance desc”)
ancedesc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等(如果是ance为div1,desc为label,则选择的元素即为此div下的所有label,无论子或孙还是曾孙。(就像一个家族)
1-7 parent>child选择器
层次选择器
$(“parent> child”)
child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系(选择的元素不包括孙子and曾孙以及更后代的元素)(仅仅是爹和儿子的关系)
1-8 prev+next选择器
层次选择器
$(“prex+next”)
“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯一的一个元素,且同辈。(相当于我家下层楼的邻居,但是如果我就是一楼,总归不会选到地狱去,也就是说,如果prev是同一个父辈下的最后一个元素,就返回的是空)
1-9 prev~silbling选择器
层次选择器
$(“prev~silbling”)
表明siblings选择器获取的元素都是prev元素之后的全部同辈元素(不包括后代元素。)(相当于我楼下的所有邻居)
2.jQuery过滤性选择器
过滤选择器,该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素。
2-1 :first选择器
得到一组相同标签元素中的第1个元素
2-2 :eq(index)选择器
灵活选择第index个元素(从第0个开始)
2-3 :contains(text)过滤选择器
按照文本内容来查找一个或多个元素,选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。
2-4 :has(selector)过滤选择器
获取选择器中包含指定元素名称的全部元素(此selector为有效选择器)
2-5 :hidden过滤选择器
获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素, 包括display:none ,type="hidden",style="visiblity:hidden"~等等
2-6 :visible选择器
获取的是全部可见的元素,也就是说,只要不将元素的display属性值设置为“none”,那么,都可以通过该选择器获取。
2-7 [attribute=value]属性选择器
通过元素属性获取元素的选择器,[attribute=value]
属性选择器的功能是获取与属性名和属性值完全相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。(前方不用加冒号)
2-8 [attribute!=value]属性选择器
获取不包含属性名,或者与属性名和属性值不相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。
2-9 [attribute*=value]属性选择器
获取属性值中包含指定内容的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示对应的属性值。
2-10 :first-child子元素过滤选择器
获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。(冒号前是子元素标签)
2-11 :last-child子元素过滤选择器
获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。
- jQuery学习笔记01
- jQuery学习笔记01
- jQuery学习笔记01
- jquery源码学习笔记-01
- 【学习笔记】JQuery学习笔记
- jQuery 学习笔记 + jQuery-UI 学习笔记
- 【jQuery 学习笔记】初识jQuery
- jQuery 学习笔记------jQuery选择器
- jquery学习笔记----初识jquery
- jQuery学习笔记--jQuery Ajax
- day18:jQuery编程学习笔记01
- jQuery源码学习笔记(01)
- 【《jQuery实战》学习笔记01】第一章jQuery引荐
- jquery学习笔记
- jquery选择器学习笔记
- jQuery学习笔记
- 【jquery】学习笔记
- jQuery学习笔记
- Java与javascript
- php\symfony3 学习记录(三) 路由和控制器
- 趣味算法-0的迷宫
- 算法代码实现之归并排序,Golang(Go语言)实现,自顶向下与自底向上两种方式
- Data Structures And Problem Solving Using Java (Fourth Edition)中译版(Java 常见异常篇)
- jQuery学习笔记01
- 华为oj 从单向链表中删除指定值的节点
- tableView 取消选中状态
- LA 3942 背单词 trie树+dp
- this指向
- Android手电筒介绍
- 随堂笔记160228表达式
- uva10304 区间DP
- 公司这个月应该发我N万元工资