jQuery简介

jQuery是一个常用的js语法库，用于简化js编程

语法：jquery 中提供了两个全局变量，他们的值是同一个函数，按插件的命名规则，命名应该用jQuery命名，但为了简化，使用$也可以

        console.log($, jQuery);

$这个函数返回值是一个对象，称之为jquery对象，jQuery中定义的几乎所有的API或属性，都需要用jquery对象调用

        console.log($());

$()  参数可以是样式选择器，用于查找所有符合条件的标签，放入一个jquery对象结构中返回，jquery对象是一个类数组结构

        console.log($('h1'));

        console.log($('myH1'));

        console.log($('ul li'));

 

也可以是标签本身,会用jQuery对象包裹这个js元素，然后就可以使用jquery的API

        console.log( $(document.body));

        // 可以通过索引取出jQuery对象中标签元素

        console.log( $(document.body)[0]);

 

可以通过以下两种方式把jquery对象(类数组)转换为数组

        console.log(Array.from($('ul li')));

        console.log($('ul li').toArray());

先将jquery转为数组在遍历

        $('ul li').toArray().forEach((item, index) => {

            document.write(item.innerText + index)

        });

        // 直接对jQuery对象遍历

        $('ul li').each((index, item) => {

            document.write(item.innerText + index)

        })

        // 特别注意：js原生的foreach循环回调第一个参数是item,jQuery的each循环回调的第一个参数是index