1. 程式人生 > >04 前端篇(JQuery)

04 前端篇(JQuery)

fin bsp rst span 屬性選擇器 siblings eval NPU input標簽

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)