04 前端篇（JQuery）

jquery： http://www.cnblogs.com/yuanchenqi/articles/5663118.html

优点：简洁、兼容

jquery 对象：   jQuery 或  $

基本语法： $(selector).action()

 

选择器：

基本选择器：$(“*”) $(“#id”) $(“.class”) $(“div”) $(.class, div, #id)

层级选择器：$(“.class p”) $(“.class>p”) $(“.class+p”) $(“.class~p”) 找下面的兄弟

基本筛选器：$(“li:first”) $(“li:last”) $(“li:eq(2)”) $(“li:lt(3)”) 小于索引值3的（从0到2） $(“li:gt(3)”)

属性选择器：$(“[lily]”)  $(“[lily=”girl”]”)

表单选择器：$(“:button”)   这种写法只适用于input标签

 

筛选器：

过滤筛选器： $(“li”).ep(2)  $(“li”).firstt()

 $(“ul li”).hasclass(“test”) 返回布尔值

查找筛选器： $(“div”).children(“.test”)  只找儿子

                       .find(“.test”)   全部都找

              .next()  .nextAll()   .nextUntil(“.div6”)

              .prev()  .prevAll()   .prevUntil(“.div8”)

 

              .parent()  .parents()   .parentsUntil(“div1”)

              .siblings() 上下都可以找