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