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

例子解释

成品网站超市图标