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内容。

原文地址:https://www.cnblogs.com/77yaer/p/9269373.html