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>
posted @ 2022-06-12 17:45  齐天ldj  阅读(46)  评论(0编辑  收藏  举报