码迷,mamicode.com
首页 > Web开发 > 详细

04 前端篇(JQuery)

时间:2019-02-09 01:01:08      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:htm   适用于   href   art   cto   写法   NPU   www.   ext   

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)

标签:htm   适用于   href   art   cto   写法   NPU   www.   ext   

原文地址:https://www.cnblogs.com/mlllily/p/10356952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!