标签：
一、前言与基础
JQuery是JavaScript的一个拓展库，能够比原生JavaScript代码更简便地进行HTML页面的DOM操作。要想使用JQuery，必须要在HTML页面引入JQuery的源代码文件。
JQuery的源代码文件有两种：
compressed&production，编译过并且进行压缩的JQuery文件，用于实际网站开发，编译和压缩能够加快代码加载。文件名一般为jquery-1.10.2.min.js，1.10.2是版本号。
uncompressed&development，未经编译和压缩，具有可读性，用于调试。
在HTML页面引入JQuery文件的方法，在<head>标签中引入对应：
<head> <script src="jquery-1.10.2.min.js"></script> </head>
二、JQuery的基本格式
JQuery的基本语法为：
$(document).ready(function(){
$(selector).action(function(){})
}
其中，$(document).ready()是JQuery的文档就绪事件，脚本片段中的JQuery函数大多数被包含在$(document).ready()函数中。这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
还有一种更加简洁的文档就绪事件格式：
$(function(){
//此处填写JQuery函数
}
$(selector)是HTML元素选择器，用于查询并选择页面上的HTML元素。action()是操作，用于对选中的HTML元素进行操作；也可以是event()，用于元素被某些操作触发的事件。
三、实例
在HTML页面创建一个点击就会消失的<p>元素字段：
HTML代码如下：
<!DOCTYPE html> <html> <head> <script src="jquery-1.10.2.min.js"></script> </head> <body> <p>JQuery选择器和事件</p> </body> </html>
对应的JQuery代码如下
$
$("p").click(function(){ //$("p")指选择器选择了<p>元素，click()是指鼠标左键单击触发的事件
$(this).hide(); //$(this)是指选择器选择的元素本身，hide()是JQuery中隐藏效果方法。
});
标签：
原文地址：http://my.oschina.net/u/2438417/blog/501951
