jQuery

jQuery——js库

官网学习：https://www.runoob.com/jquery/jquery-examples.html

开头引入jQuery

(https://code.jquery.com/jquery-3.4.1.min.js)
创建一个jquery.min.js文件，然后将代码复制粘贴在里面
创建一个HTML文件，插入
script src=“jquery.min.js”></script

一、入口函数：

方法一：
      //等着页面DOM加载完毕再去执行 js 代码
       $(document).ready(function(){
   
           $('div').hide();
       })
方法二：
       $(function(){
   
           //此处为DOM加载完成的入口
           $('div').hide();//jquery选择器里面的hide方法
       })

二、jQuery选择器

(1)基础选择器

名称	用法	描述
ID选择器	$("#id")	获取指定ID的元素
全选选择器	$("*")	匹配所有元素
类选择器	$(".class")	获取同一类class的元素
标签选择器	$(“div”)	获取同一类标签的所有元素
并集选择器	$(“div,p,li”)	选取多个元素
交集选择器	$(“li.current”)	交际元素

(2)层级选择器

名称	用法	描述
子代选择器	$(“ul>li”)	使用>号，获取亲儿子层级的元素；注意，并不会获取孙子层级的元素
后代选择器	$(“ul li”)	使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等

（3）筛选选择器

语法	用法	描述
:first	$(“li:first”)	获取第一个li元素
:last	$(“li:last”)	获取最后一个li元素
:eq(index)	$(“li:eq(2)”)	获取到的li元素中，选择索引号为2的元素，索引号index从0开始
:odd	$(“li:odd”)	获取到的li元素中，选择索引号为奇数的元素
:even	$(“li:even”)	获取到的li元素中，选择索引号为偶数的元素

(4) 隐式迭die代：就是把匹配的所有元素内部进行遍历循环，给每一个元素添加css方法，就不用for循环来实现了

jQuery设置样式：$('div').css('属性'，'值')

范例：
//点击的button按钮变红
$("button").css("background","red");
//其余兄弟去掉背景颜色,this指代当前点击的button对象
$(this).siblings("button").css("background","");

上面代码可以用链式编程：（也就是点点点）

$(this).cs