jQuery简介及语法-原创手记-慕课网

一、认识jQuery

1、jQuery:

jQuery库可以通过一行简单的标记被添加到网页中。

2、什么是jQuery:

jQuery是一个JavaScript函数库。

3、jQuery库包含的功能：

HTML元素选取

HTML元素操作

CSS操作

HTML事件函数

JavaScript特效和动画

HTML DOM遍历和修改

AJAX

Utilities

二、引入jQuery

1、网页中添加jQuery

1):从jquery.com下载jQuery库

2):从CDN中载入jQuery，如从Google中加载jQuery

a):百度和新浪的服务器存有jQuery

例如：http://libs.baidu.com/jQuery/1.10.2/jquery.min.js

b):谷歌和微软的服务器存有jQuery

例如：http://ajax.googleapis.com/ajax/libs/jquery/jquery.min.js

2、版本介绍：

v1.11.1:1.x支持IE6+

v2.1.1: 2.x支持IE9+

三、jQeury的基本语法

1、jQuery语法：

基础语法：$(selector).action()

美元符号定义jQuery

选择符(selector)“查询”和“查找”HTML元素

jQuery的action()执行对元素的操作

例如：

$(this).hide()-隐藏当前元素

$("p").hide()-隐藏所有段落

<!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<title></title>		<script src="jquery-1.10.1.min.js"></script>		<script src="app.js"></script>	</head>	<body>		<p>Hello</p>		<p>Hello</p>		<p>Hello</p>		<p>Hello</p>	</body></html>$(document).ready(function(){//	alert("文档加载完毕");	$("p").click(function(){		$(this).hide();	})});