jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。
在html中引入jQuery有两种方式，通常会把 jQuery 代码放到 <head>部分的事件处理方法中：
- 本地引入：将jQuery下载下来，然后导入项目中，使用script标签进行引用。
- CDN引入：使用远程CDN资源库在线引入，避免了文件下载。
<head><script type="text/javascript" src="jquery.js"></script></head>通过 jQuery，可以选取 HTML 元素，并对它们执行“操作”，语法即核心函数： $(selector).action() ，美元符号定义 jQuery，选择符（selector）“查询”和“查找” HTML 元素， action() 执行对元素的操作。例如：演示 jQuery hide() 函数，隐藏当前的 HTML 元素。
$(this).hide()为了让我们更加方便的获取到页面中的元素，jQuery提供了一些选择器方法，和CSS中类似，包含标签选择器、id选择器、class选择器、通配符选择器、并集选择器、交集选择器。例如标签选择器：
$('div').css('background', 'red');交集选择器：
$('p.red').css('background', 'red');并集选择器：
$('p,button').css('background', 'red');同样也有层级选择器，包括子代选择器、后代选择器、兄弟选择器。
子代选择器：
$('ul>span').css('background', 'red');后代选择器：
$('ul span').css('background', 'red');兄弟选择器：
$('#box+li').css('background', 'red');特殊的还有，表单选择器：
$('input:text').css('background', 'red');表单状态选择器：
$(':focus')[0]为了防止文档在完全加载之前运行 jQuery 代码，所有jQuery代码都要在文档就绪函数中编写，即：
$(document).ready(function(){
});关于jQuery代码，离不开事件函数，即事件处理方法，是 jQuery 中的核心函数，指的是当 HTML 中发生某些事件时所调用的方法，这里举一些例子：
| Event 函数 | 绑定函数至 |
|---|---|
| $(document).ready(function) | 将函数绑定到文档的就绪事件（当文档完成加载时） |
| $(selector).click(function) | 触发或将函数绑定到被选元素的点击事件 |
| $(selector).dblclick(function) | 触发或将函数绑定到被选元素的双击事件 |
| $(selector).focus(function) | 触发或将函数绑定到被选元素的获得焦点事件 |
| $(selector).mouseover(function) | 触发或将函数绑定到被选元素的鼠标悬停事件 |
以上是jQuery的一些基本知识，关于jQuery效果，我们下篇文章再见。
1025
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
