用jQuery前你得知道这些

1.兼容性

jQuery 1.x 兼容 IE6-8
jQuery 2.x 不兼容IE6-8,兼容IE9以后
jQuery 3.x 不兼容IE9

移动端开发通常用jQuery 2.x

所以如果你要兼容IE6-8时选用1.x,x越大越新。(截止笔者写的时候最新为1.12)

ps:

1. 发现ie7不兼容1.12的一些版本,建议用1.11

2. 前端从浏览器检测转向特性检测
jQuery1.7以前有一个API:$.browser 用于检测浏览器版本
$.browser.msie 用于判断是否是ie浏览器
jQuery1.7更新1.8后去除了$.browser

详细信息

2.1 jQuery选择器选中的对象与原生dom对象

首先两者不是一个概念的东西,所以对应的方法不能混用。
例如:
不能给$(".ct")用addEventListener
不能给document.querySelector(".ct")用on绑定事件

为了看的清楚,防止自己写的时候弄错。
建议jQuery对象的变量名前加个$
例如:

var $ct = $(".ct")
var ct = document.querySelector(".ct")

2.2一些特殊情况:

如果一定要给原生dom用jQuery方法:
可以给变量套上$()
比如:

var ct = document.querySelector(".ct")
$(ct).on("click", function(){xxx})

反过来如果一定要给jQuery对象用原生dom的方法:
可以加上下标[0]
比如:

var $ct = $(".ct")
$ct[0].addEventerListener("clik", function(){xxx})

3.使用jQuery选择器时的缓存

每当我们用jQuery选择器的时候就用jQuery函数查了一次,
所以为了减少计算量,可以用缓存变量记录下之前用jQuery选择器选过的元素。

4.源码和文档

jQuery官网:http://www.jquery.com
中文版:http://www.jquery123.com

下载源码时:
production (生产环境,压缩的代码、不带注释)
development(开发环境,未压缩的代码、带注释)

你可能感兴趣的:(用jQuery前你得知道这些)