1. 使用 DOM 选择器来查找 DOM 对象

    $(selector,context);
    selector:选择路径
    context:在某个 DOM 元素下查找

    查找方式 HTML JS
    按 id <div id="domid"> $("#domid")
    按 tagName 或属性 <div tag="value"> $("div[tag=value]") $("div",parentdiv)
    按样式类名 <div class="slide"> $("div .slide") $("div[class=slide]")
  2. 按元素属性选择

    方法 说明
    $('button[class]') 有 class 属性的 button 元素
    $('button[class^=not') 有 class 属性且值开头匹配 not 的 button 元素
    $('button[class$=not') 有 class 属性且值结尾匹配 not 的 button 元素
    $('button[class*=not') 有 class 属性且值中匹配 not 的 button 元素
  3. 按id和tagName选择

    方法 说明
    $("#dddd div") 查找id为dddd的元素下所有tagName为div的元素
    $("#dddd .div .span") 查找id为dddd的元素下所有tagName为div或span的元素
    $("#dddd div:first") 查找id为dddd的元素下第一个tagName为div的元素
    $("#dddd div:last") 查找id为dddd的元素下最后一个tagName为div的元素
    $("#dddd div:nth-child(1)") 查找id为dddd的元素下第N个(N从1开始)tagName为div的元素
  4. 按 css 样式路径选择

    方法 说明
    $("#dddd .slide .center") 查找 id 为 dddd 的元素下 class 为 slide 元素下 class 为 center 的元素节点
    $("input:enabled") 查找 css 选择中正常启用的元素
    $("input:disabled") 查找 css 选择中的非启用元素
    $("input:checked") 查找 css 选择中选中元素
    $("input:only-child") 查找 css 选择中它为父节点唯一子节点的元素

    取得匹配元素的所有子元素组成的集合:children()。该方法只考虑第一层子元素而不考虑任何后代元素。
    取得匹配元素后面紧邻的兄弟元素的集合(但集合中只有一个元素):next()。
    取得匹配元素前面紧邻的兄弟元素的集合(但集合中只有一个元素):prev()。
    取得匹配元素前后所有的兄弟元素: siblings()。