练习题:

  1. 找到本页面中id是i1的标签
  2. 找到本页面中所有的h2标签
  3. 找到本页面中所有的input标签
  4. 找到本页面所有样式类中有c1的标签
  5. 找到本页面所有样式类中有btn-default的标签
  6. 找到本页面所有样式类中有c1的标签和所有h2标签
  7. 找到本页面所有样式类中有c1的标签和id是p3的标签
  8. 找到本页面所有样式类中有c1的标签和所有样式类中有btn的标签

1~8题答案:

  1. $("#i1")
  2. $("h2")
  3. $("input")
  4. $(".c1")
  5. $(".btn-default")
  6. $(".c1, h2")
  7. $(".c1, #p3")
  8. $(".c1, .btn")

  1. 找到本页面中form标签中的所有input 标签
  2. 找到本页面中Label标签下的input子标签
  3. 找到本页面中紧挨着label 标签的input标签
  4. 找到本页面中id为p2的标签后面所有和它同级的li标签

9~12题答案:
9. $("form input")

  1. $("Label>input")

  2. $("Label+input")

  3. $("p2~li")


  1. 找到id值为f1的标签下面的第一个input标签

  2. 找到id值为my-checkbox的标签下面最后一个input标签

  3. 找到id值为my-checkbox的标签下面没有被选中的那个input标签

  4. 找到所有含有input标签的label标签

13~16题答案:
13. 可以使用引号内":first",也可以在括号外调用first()方法。

$("#f1 input:first") 或  $("#f1 input").first()
  1. 同first,可以使用引号内":last",也可以在括号外调用last()方法。
    $("#my-checkbox input:last")或$("#my-checkbox input").last()
  2. $("#my-checkbox input:not(':checked')")
  3. $("Label:has(input)");