一些jQuery知识点

1：jQuery是什么？

jquery:是一个js的脚本库；可以简便的实现js DOM遍历、操作、事件处理、动画、ajax等操作。

优势：尺寸小、支持CSS3选择器、跨浏览器 。

2：jQuery的引入

我们在使用jQuery之前，需要去官网将文档下载下来，放在我们的项目文件夹中，然后引入jQuery的js文件才可以使用；

如下所示：

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

2：jQuery的选择器

// 引入jQuery后，全局域会添加变量$(或者jQuery);

调用$();
参数是选择器 (css1~3,jquery自己添加的选择器)
返回值是一个Object(jquery对象)
该对象中包含查找到的所有标签，标签的总数目等。

例：

   var result =  $("li");
        console.log(result);

取对象的属性，一般采用 对象.属性名;
但是当属性名为数字时，采用对象[属性名]（类似数组）

例：

     var second = result[1] ;
        console.log(second);

注意：
// 标签对象 可以使用原生标签的属性、方法
// jquery对象 只能使用jquery的属性、方法

我们来对result对象进行遍历，输出每一个标签：

 for(var i = 0 ; i < result.length ; i++){
            var ele = result[i];
            console.log(ele);
        }

jQuery标签的css操作：

  // 根据选择器找标签，返回标签构成的jquery对象
        var  result = $("ul li");
        console.log(result);
        // 赋值\取值 。


        // ===== 赋值========
        // 给jquery对象中的每个标签设置一个或者多个样式。
        // jquery中单位px可以省略，内部会自动补充。
        
        // parameter1:key,string类型,属性名称;
        // para2:value,string类型,属性值
        result.css("color","red");

        // para1:对象类型，多个key-value构成样式对象
        result.css({
            "font-size":"70",
            "border":"1px solid black"
        })

        // para1：key,string类型，属性名称
        // para2:function ;
                 // para1: 该元素的索引；
                 // para2: 该元素该样式的旧值；
                 // 返回值就是设置的样式的新值。
        result.css("font-size",function(index,value){
            console.log(index);
            console.log(value);
            return 10*(index+1);
        })


        // ======取值========
        // para1:string类型，样式名称。
        // 返回值：jquery对象中第一个标签元素的该样式的值。
        var value = result.css("font-size");
        console.log(value);

        // para1：Array类型，多个样式名称构成的数组
        // 返回值：对象，样式key-value形成的对象。
        var value2 = result.css(["font-size","border","width"]);
        console.log(value2);