一、前言
jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。
全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。
二、简介
什么是JQuery？
JQuery是一个JS函数库，可以简单标记被添加到网页中。
JQuery有什么作用？
HTML元素选取
HTML元素操作
CSS操作
HTML事件函数
JS特效和动画
HTML DOM遍历参数
AJAX
Utilities 工具
三、引入方法
引入方法有两种：
（1） 从jquery.com下载JQuery库
四、基础语法
JQuery的主要调用是通过$来实现的：
$(Selector).action()
$:美元符号，定义JQuery
selector：查询或查找HTML元素
action（）：执行对元素操作
例子：
html文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JQuery小例子</title>
<!--引入JQuery-->
<script src="js/jquery.js"></script>
<!--引入对本html操作的js文件-->
<script src="js/app.js"></script>
</head>
<body>
<!--添加段落标签-->
<p>11111</p>
<p>22222</p>
<p>33333</p>
<p>44444</p>
<p>55555</p>
</body>
</html>
app.js代码：
//当html文件执行完毕后执行
$(document).ready(function(){
<!--弹窗提示-->
alert("加载完毕");
<!--当鼠标点击p标签的时候触发-->
$("p").click(function(){
<!--被点击的p标签，隐藏-->
$(this).hide();
});
});
【JQuery】选择器
一、什么是选择器？
当我们在前台开发的时候，要对一个元素进行操作调用的时候，必须要准确的找到该元素——在JQuery库中，可以通过选择器来实现这个核心的功能。
JQuery选择器继承了css和path语言的部分语法，允许通过标签名，属性名或内容对DOM元素进行快速、准确的选择，但不必担心浏览器的兼容性。
和传统的JavaScript获取等操作相比，优点如下：
（1）代码更简单
（2）完善的检测机制
二、选择器类型
根据不同的功能我们把JQuery选择器分为了四种不同的类型：基本选择器、
层次选择器、过滤选择器、表单选择器。在过滤选择器中又分为了简答过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单过滤选择器。
【JQuery】基本选择器
一、基本选择器
基本选择器是JQuery中使用最频繁的。它由id，class，元素名，多个选择符，通过基本选择器可以实现大多页面的查找。
扫一扫
189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
