jQuery学习笔记01
2016-02-28 21:12
411 查看
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选择器
层次选择器
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]属性选择器
通过元素属性获取元素的选择器,
2-8 [attribute!=value]属性选择器
获取不包含属性名,或者与属性名和属性值不相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。
2-9 [attribute*=value]属性选择器
获取属性值中包含指定内容的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示对应的属性值。
2-10 :first-child子元素过滤选择器
获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。(冒号前是子元素标签)
2-11 :last-child子元素过滤选择器
获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。
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中关于动画的一些操作函数
- 放弃使用jQuery实现动画
- jQuery-源码阅读,extend()与工具方法、实例方法
- jQuery--对话框插件--dialog
- jQuery对html元素取值与赋值
- 自己动手丰衣足食之表格排序插件jquery.tableSort.js
- Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
- jquery 下载地址
- jquery(三)选择器
- jquery(二)js与jquery互转
- jQuery全屏滚动插件fullPage.js
- jquery ajax方式提交form并传递其他非表单中的参数,报表导出并自动下载,jquery ajax提交
- jquery(一)
- jQuery中用来让元素显示和隐藏的函数
- [jQuery学习系列二 ]2-JQuery学习二-数组操作
- 【jQuery Mobile学习】jQuery Mobile页面(二)
- jQuery入门第三
- Jquery实现图片播放
- 动态生成的html中无法使用jquery事件的解决方法
- Jquery跨浏览器文本复制插件Zero Clipboard的使用方法