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