为什么使用jQuery
- 消除浏览器差异
- 简洁的操作DOM的方法
- 轻松实现动画、修改CSS等各种操作
jQuery版本
目前jQuery有1.x,2.x和3.x这几种版本,区别在于1.x能够最大程度兼容各类浏览器,2.x则移除了对IE6、7、8的支持,更为精简,而3.x版本可以兼容2.x,3.x Compat版本兼容1.x。
使用jQuery
在页面的引入jQuery文件即可:
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
...
</head>
<body>
...
</body>
</html>
$符号
jQuery把所有功能全部封装在一个全局变量jQuery中,而$也是一个合法的变量名,它是变量jQuery的别名:
window.jQuery; // jQuery(selector, context)
window.$; // jQuery(selector, context)
$ === jQuery; // true
typeof($); // 'function'
如果$ 这个变量不幸地被其它代码占用了,而且还不能改,那我们就只能让jQuery把$变量交出来,然后就只能使用jQuery这个变量:
$; // jQuery(selector, context)
jQuery.noConflict();
$; // undefined
jQuery; // jQuery(selector, context)