您的位置:首页 > Web前端 > JQuery

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选择器

       层次选择器

       
$(“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子元素过滤选择器

        获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: