jQuery语法练习题

练习题:

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")

9. 找到本页面中form标签中的所有input 标签
10. 找到本页面中Label标签下的input子标签
11. 找到本页面中紧挨着label 标签的input标签
12. 找到本页面中id为p2的标签后面所有和它同级的li标签

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

10. $("Label>input")

11. $("Label+input")

12. $("p2~li")

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

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

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

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

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

$("#f1 input:first") 或  $("#f1 input").first()

14. 同first，可以使用引号内":last"，也可以在括号外调用last()方法。

    $("#my-checkbox input:last")或$("#my-checkbox input").last()

15. $("#my-checkbox input:not(':checked')")

16. $("Label：has(input)");