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

例子解釋

Web 前端開發進階教程
云南快乐十分