【JavaScript笔记】jQuery类库

jQuery是一个JavaScript库，其极大地简化了JavaScript编程。jQuery具体概念可参考：http://jquery.com/ 或http://www.jquery123.com/

1、jQuery引入：

方式一：引入本地的Jquery的文件

方式二：采用cdn（内容分发网络）方式

    地址：https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js

2、$符号介绍

$是jQuery别名。可以$()也可jQuery()这样写,相当于页面初始化函数，当页面加载完毕，会执行jQuery()。

jquery类库下面方法的分类：

    工具方法：前面带有$.组成的，原生js对象和jquery对象都可以使用。

    实例方法：必须给jquery对象使用

3、jQuery对象和DOM对象的相互转换

jq转原生--通过索引或者get方法

原生转jq--用$()包起来，变成jq对象

4、jQuery常用方法

1.$('css选择器');  //自动获取单个或多个

2.$();  //获取任意元素的属性值

3.$('css选择器').get[0].html();  //伪类选择器

4.on(events,[selector],[data],fn);  //在元素上绑定事件

5.off(events,[selector],[fn]);  //在选择元素上移出事件处理函数

6.one(type,[data],fn);  //为每一个匹配元素的特定时间绑定一个一次性的事件处理函数

7.animate(params,[speed],[easing],[fn]);  //用于创建自定义动画的函数

8.each(callback);  //以每一个匹配的元素作为上下文来执行一个函数

9.find();  //搜索所有与指定表达式匹配的元素

10.first();  //获取第一个元素

此处只列出了我使用过程中经常忘记的，感兴趣的伙伴可以去官网查看更多方法：https://jquery.cuishifeng.cn/