开始jQuery之旅

开始jQuery之旅

jQuery是什么？

jQuery其实就是一堆的js函数（js库），也是普通的js而已，不是全新的东西。

为什么要用jQuery？

jQuery面向用户良好的设计使得在使用过程中华彻底解放了你记忆原生操作DOM的接口。

jQuery中大量可复用的函数和发展过程中常年累积下来的插件库，可以极大的简化JavaScript开发

jQuery在半数以上并没有复杂交互的网站中得以面积使用，因为它们需要的仅仅是一些兼容低级浏览器又呈现炫酷效果动画的页面。

jQuery改变了数百万人编写JavaScript的方式，当然部分人已经觉得时过境迁，组件化，工程化，大行其道，但请不要忘记他的前端开发者的启蒙意义。

jQuery学习注意点

jQuery只是辅助工具，不能完全替代js，二者以并存的方式出现在项目中。

jQuery很庞杂，要会使用，但应重学思想。

jQuery方法很多，按需学习，把常用的有价值的学会。

jQuery api可以现查现用。

jQuery使用-起步

引入jQuery工具库

cdn

http://www.jq22.com/cdn/#a2

下载地址

http://www.jq22.com/jquery-info122

官方地址

中文

https://www.jquery123.com/

英文原版

https://jquery.com/

核心全局函数

$(jQuery)

一顿操作猛如虎，全从$开始撸。

撸代码从选择开始

选择元素

$()：此函数可以传递多种参数，返回值是对象（jq对象）

参数规则

css selector

选择带有css属性的标签

$('.wrapper ul li');

jquery unique selector

可以选择指定位置的标签

$('.wrapper ul li:first');

null undefined

会返回一个空的对象

$(null);

dom

var oDiv = document.getElementById('demo')；
   oDiv.css({color:'red'});$(oDiv).css({color:'red'});

链式操作

向上一个代码块中2 3 行的写法就是链式操作，但是，第2行是原生js，是不能使用链式操作的，第3行jQuery选择dom结点才可以使用链式操作。

选择对象

$() 会返回一个对象，但是我们在外部定义变量的时候是不用考虑和jQuery里面的变量冲突的，因为jQuery是个库，里面的函数自己会封闭自己的作用域，也就是形成闭包。