jQuery入门¨
jQuery是什么
jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它使 HTML 文档的遍历和操作、事件处理、动画和 Ajax 等操作变得更加简单，并提供了一个易于使用的 API ，可以跨多种浏览器工作。jQuery 集多功能性和可扩展性于一身，改变了数百万人编写 JavaScript 的方式
jQuery 是一个请年假的“写得少，做得多” 的 JavaScript 库
通过 ID 获取一个 HTML 元素
JavaScript
var obj = document.getElementById('idValue')
jQuery
var obj = $('idValue)
将一个 HTML 元素隐藏
JavaScript
document.getElementById('idValue').style.display = 'none'
jQuery
$('idValue').hide()
将一个 HTML 元素的宽度变成 200px
JavaScript
document.getElementById('idValue').style.width = '200px'
jQuery
$('idValue').css('width', '200px')
jQuery 的作用
-
HTML 元素的选取
-
HTML 元素操作
-
CSS 操作
-
HTML 事件函数
-
JavaScript 特效和动画
-
HTML DOM 遍历和修改
-
AJAX
-
Utilities
jQuery 的版本
版本分类
jQuery1.x.x/jQuery2.x.x/jQuery3.x.x
IE 6/7/8兼容最高版本为 jQuery1.9.1
jQuery 的优势
-
轻量级
-
强大的选择器
-
出色的 DOM 操作及其封装
-
可靠的事件处理机制
-
完善的 Ajax
-
不污染顶级变量
-
出色的浏览器兼容性
-
链式操作方式
-
隐式迭代
-
行为层和结构层的分离
-
丰富的插件支持
jQuery 使用
jQuery 的引入
-
常规引入
使用 jQuery 只需要在页面的
<head>中引入 jQuery 文件即可：<script src="jQueryPath/jquery.js"></script>
$ 符号
-
jQuery 符号
jQuery 把所有功能全部封装在一个全局变量 jQuery 中，而 $ 也是一个合法的变量名，它是变量 jQuery 的别名
-
$ 使用
绝大多数时候，我们都直接用 $
若 $ 变量已被占用，且不能改，就只能使用 jQuery 这个变量
