JQuery常用API
能够写出常用的JQuery选择器
能够操作JQuery样式
能够写出常用的JQuery动画
能够操作JQuery属性
能够操作JQuery元素
能够操作JQuery元素尺寸,位置
1.JQuery 选择器
1.1jQuery基本选择器
原生JS获取方式很多,很杂,而且兼容性情况不一致,因此JQuery给我们做了封装,使获得元素统一标准。
$("选择器") //里面选择器直接写CSS选择器即可,但是要加引号
新建一个html文件实验
基本选择器,一个类选择器,还有一个后代选择器
知识铺垫
JQuery设置样式
$('div').css('属性','值')
$("div").css()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="jquery.min.js"></script>
</head>
<body>
<div>惊喜不,意外不</div>
<div>惊喜不,意外不</div>
<div>惊喜不,意外不</div>
<div>惊喜不,意外不</div>
<ul>
<li>相同的操作</li>
<li>相同的操作</li>
<li>相同的操作</li>
</ul>
<script>
//1.获取四个div元素
console.log($("div"));
//2.给四个div设置背景颜色为粉色 jquery对象不能使用style
$("div").css("background", "pink");
</script>
</body>
</html>