jQuery 实例

通过实例增进 jQuery 技能！

jQuery 语法实例
$(this).hide()
演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。
$("p").hide()
演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。
$(".test").hide()
演示 jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。
$("#test").hide()
演示 jQuery 的 hide() 函数，隐藏 id="test" 的元素。

例子解释

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

例子解释