Python:Day48 Jquery

时间:2022-04-10 07:09:18

引用方式:

    <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");