通過(guò)實(shí)例增進(jìn) jQuery 技能!
jQuery 實(shí)例
jQuery 語(yǔ)法實(shí)例
- $(this).hide()
- 演示 jQuery 的 hide() 函數(shù),隱藏當(dāng)前的 HTML 元素。
- $("p").hide()
- 演示 jQuery 的 hide() 函數(shù),隱藏所有 <p> 元素。
- $(".test").hide()
- 演示 jQuery 的 hide() 函數(shù),隱藏所有 >
- $("#test").hide()
- 演示 jQuery 的 hide() 函數(shù),隱藏 id="test" 的元素。
例子解釋
Hiding - Sliding- Fading
- jQuery fadeOut()
- 演示簡(jiǎn)單的 jQuery fadeout() 函數(shù)。
- jQuery hide()
- 演示簡(jiǎn)單的 jQuery hide() 函數(shù)。
- Hide explanations
- 演示如何隱藏部分文本。
- Slide panel
- 演示簡(jiǎn)單的 Slide Panel 效果。
- jQuery animate()
- 演示簡(jiǎn)單的 jQuery animate() 函數(shù)。
例子解釋
HTML 操作
改變 HTML 元素的內(nèi)容。
向 HTML 元素追加內(nèi)容。
在 HTML 元素之后追加內(nèi)容。
例子解釋
CSS 操作
改變 HTML 元素的 CSS 屬性。
改變多個(gè) CSS 屬性。
獲得元素的 CSS 屬性。
例子解釋
AJAX 和 jQuery
使用 $(selector).load(url) 來(lái)改變 HTML 內(nèi)容。
使用 $.ajax(options) 來(lái)改變 HTML 內(nèi)容。
例子解釋