一、认识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()-隐藏所有段落

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="jquery-1.10.1.min.js"></script><scriptsrc="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();})});