#【博学谷学习记录】超强总结，用心分享|jQuery编程＜一＞

一、jQuery介绍

（1）JavaScript库
1、JavaScript库即library，是一个封装好的特定的集合(方法和函数)
2、常见的JavaScript库：jQuery、Prototype、YUI、Dojo、移动端等
** （2）jQuery的概念**
1、jQuery是一个快速、简洁的JavaScript库
2、它把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能
3、jQuery封装了JavaScript常见的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互
4、学习他的本质就是学习调用这些函数（方法）
（3）jQuery的优点
1、轻量级。核心文件才几十kb，不会影响页面加载速度
2、跨浏览器兼容，几乎兼容了现在主流的浏览器
3、链式编程、隐式迭代
4、对事件、样式、动画支持，大大简化了DOM操作
5、支持插件扩展应用。有着丰富的第三方插件，如：树形菜单、日期控件、轮播图等
6、免费、开源

二、jQuery的基本使用

** （1）jQuery的下载**
官方网址：https://jquery.com/
** （2）jQuery中的顶级对象$ **
1、$是jQuery的别称，在代码中可以使用jQuery代替，但为了方便，通常都直接使用$
2、$ 是jQuery的顶级对象，相当于原生JavaScript中的window
3、把元素利用$包装成jQuery对象，就可以调用jQuery方法\ast \ast （3）jQuery对象和DOM对象\ast \ast 1、jQuery方法和原生js获取的元素是不一样的用原生js获取来的对象就是DOM对象jQuery方法获取的元素就是jQuery对象jQuery对象的本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）
2、只有jQuery对象才可以使用jQuery方法
3、jQuery对象和DOM对象转换
$(DOM对象): 把DOM对象转换为jQuery对象
$(‘div’)[0]: jQuery对象转换为DOM对象
$(‘div’).get():jQuery对象转换为DOM对象
** （4）基础知识 **
1、jQuery设置样式： $(‘div’).css(‘属性’, ‘值’);
2、jQuery里的排他思想： 给当前元素设置样式，其余的兄弟元素清除样式

3、隐式迭代： 遍历内部DOM元素（伪数组形式存储）的过程就叫隐式迭代
例如：页面中所有的div元素全部隐藏，不用循环操作： $(‘div’).hide();
4、链式编程