jQuery的练习

jQuery语法实例：

----------------------------------------------------------------------------------------------------------

jQuery可以创建隐藏、显示、切换、滑动以及自定义动画效果

-----------------------------------------------------------------------------------------------------------

$（this）.hide()

演示jQuery的hide（）函数，隐藏当前的html元素。

$（“p”）.hide()

演示jQuery的hide（）函数，隐藏所有<p>元素。

$（“.test”）.hide（）

演示jQuery的hide（）函数，隐藏所有class="test"的元素。

$（“#test”）.hide（）

演示jQuery的hide（）函数，隐藏所有id=“text”的元素。

例子解释：

jQuery 语法是为了HTML元素的选取编制的，可以对元素执行某些操作。

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

美元符号定义jQuery

选择符（selector）"查询"和“查找”html元素

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

---------------------------------------------------------------------------------------------------------------------------------

Hiding-Sliding-Fading

jQuery fadeOut（）

演示简单的jQuery fadeout（）函数。

jQuery hide（）

演示简单的jQuery hide（）函数。

Hide explanations

演示如何隐藏部分文本。

Slide panel

演示简单的Slide Panel效果。

jQuery animate（）

演示简单的jQuery animate（）函数。

----------------------------------------------------------------------------------------------------------------------------------

HTML操作：

改变HTML元素的内容

向HTML元素追加内容

在HTML元素之后追加内容

----------------------------------------------------------------------------------------------------------------------------------

CSS操作：

改变HTML元素的CSS属性

改变多个CSS属性

获得元素的CSS属性

--------------------------------------------------------------------------------------------------------------------------------------------------------------------AJAX和jQuery

使用$（selector).load(url)来改变HTML内容。

使用$.ajax(options)来改变HTML内容。