jQuery学习笔记01

来源:互联网 发布:hadoop 数据抓取 编辑:程序博客网 时间:2024/06/07 17:41

1.jQuery基础选择器

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

         获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。




0 0
原创粉丝点击