通過實例增進 jQuery 技能!
jQuery 實例
jQuery 語法實例
- $(this).hide()
- 演示 jQuery 的 hide() 函數,隱藏當前的 HTML 元素。
- $("p").hide()
- 演示 jQuery 的 hide() 函數,隱藏所有 <p> 元素。
- $(".test").hide()
- 演示 jQuery 的 hide() 函數,隱藏所有 >
- $("#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 內容。
例子解釋