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() 上下都可以找
04 前端篇(JQuery)