zoukankan      html  css  js  c++  java
  • 那些年我们用到的jquery选择器!!

    一:基本选择器

    1:标签选择器: 返回值(元素集合):$("h2")选取所有h2元素。

    2:类选择器:返回值(元素集合):$(".title")选取所有class为title的元素。

    3:ID选择器:返回值(单个元素):$("$title")选取id为title的元素。

    4:并集选择器:返回值(元素集合):$("div,p,.title")选取所有div.p和class为.title的所有元素!

    5:交集选择器:返回值(单个元素或元素集合):$("h2.title")选取所有拥有class 为title的h2元素!

    6:全局选择器:返回值(集合元素):$("*")选取所有元素!

    二:层次选择器

    1:后代选择器:返回值(元素集合):$("#menu span")选取#menu下所有的span元素!

    2:子选择器:返回值(元素集合):$("#menu >span")选取#menu下的子元素span!

    3:相邻元素选择器:返回值(元素集合):$("h2+dl")选取紧邻h2元素之后的同辈元素dl!

    4:同辈元素选择器:返回值(元素集合):$("h2~dl")选取h2元素之后所有的同辈元素dl!

    三:属性选择器:

    1:[attribute]:返回值(元素集合):$("[href]")选取含有href'属性的元素!

    2:[attribute=value]:返回值(元素集合):$("[href='#']")选取href属性为#的元素!

    3:[attribute ^=value]:返回值(元素集合):$("[href^='en']")选取href属性以en开头的属性!

    4:[attribute $=value]:返回值(元素集合):$("[href $='.jpg']")选取href属性以.jpg结尾的元素!

    5:[attribute $=value]:返回值(元素集合):$("[href*=‘txt’]")选取href属性值中含有txt的元素!

    四:基本过滤选择器:

    :first  选取第一个元素 : $("li:first")选取所有li元素中的第一个li元素。

    :last  选取最后一个元素 : $("li:first")选取所有li元素中的最后一个li元素。

    :not ("...")  选取去除所有与给定选择器匹配的元素 :  $("li:not(.three)")选取class不是three的li元素!

    :even 选取索引是偶数的所有元素: $("li:even")   选取索引是偶数的所有li元素!

    :odd 选取索引是奇数的所有元素:$("li:old") 选取索引是奇数的所有li元素!

    :eq(index) 选取索引等于index的元素:$("li:eq(1)")选取索引等于1的li元素!

    :gt(index)选取索引大于index的元素:$("li:gt(1)")选取索引大于1的li元素!不包括1!

    :lt(index)选取索引小于index的元素:$("li:lt(1)") 选取索引小于1的li元素!

    :header 选取所有的标题元素:$(":header") 选取网页中所有的标题元素!

    :focus 选取当前获取焦点的元素:$(":focus")选取当前获取焦点的元素!

  • 相关阅读:
    Intent
    What should we do next in general after collecting relevant data
    NOTE FOR Secure Friend Discovery in Mobile Social Networks
    missing pcap.h
    after building Android Source code
    plot point(one column)
    When talking to someone else, don't infer that is has been talked with others at first. It may bring repulsion to the person who is talking with you.
    进程基本知识
    Python input和raw_input的区别
    强制 code review:reviewboard+svn 的方案
  • 原文地址:https://www.cnblogs.com/chimingyang/p/5596663.html
Copyright © 2011-2022 走看看