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

例子解釋