Python：Day48 Jquery

 

引用方式：

    <script src="jquery-3.3.1.js"></script>

 

jQuery就是一个jQuery对象，可以简写成$

 

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

 

二、寻找元素

1、选择器

基本选择器　　$("*")  $("#id")  $(".class")  $("element")  $(".class,p,#p1")  

层级选择器　　$(".outer div")  $(".outer>div")   $(".outer+div")  $(".outer~div")

基本筛选器　　$("li:first")  $("li:eq(2)")  $("li:even") $("li:gt(1)") $("li:lt(1)")

属性选择器　　$('[id="div1"]')   $('["alex="sb"][id]')

表单选择器　　$("[type='text']")----->$(":text")    //只适用于input标签，其实就是属性选择器的简写，注意简写后没有中括号了

 所有选择器都是放到引号里面的

 

2、筛选器

 （1）过滤筛选器

　　$("li").eq(2)  $("li").first()  $("ul li").hasclass("test")

 （2）查找筛选器

　　$("div").children(".test")    $("div").find(".test")　　//children只找子层，find后代都找　　

　　$(".test").next()   $(".test").nextAll()   $(".test").nextUntil()

　　$("div").prev()   $("div").prevAll()   $("div").prevUntil()

　　$(".test").parent()   $(".test").parents()   $(".test").parentsUntil()　　//parents是从父亲开始往上找，直到最外层，直到body

　　$("div").siblings()　　//兄弟标签变，自己不变

 

 $("div3").nextUntil(".div6").css("color","red")     //不包括div6

$("div2").parentsUntil("body").css("color","red");  //不包括body

 

Jquery支持链式操作

    $("*").css("color","red").css("background-color","yellow");