课程表

jQuery 教程

jQuery 效果

jQuery HTML

jQuery 遍历

jQuery AJAX

jQuery 杂项和实例

jQuery 参考手册

工具箱
速查手册

jQuery 实例

当前位置:免费教程 » JS/JS库/框架 » 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 内容

例子解释

转载本站内容时,请务必注明来自W3xue,违者必究。