w3school学习9-jQuery 实例
2011-10-09 23:54
260 查看
通过实例增进 jQuery 技能!
$(this).hide()
演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素。
$("p").hide()
演示 jQuery 的 hide() 函数,隐藏所有 <p> 元素。
$(".test").hide()
演示 jQuery 的 hide() 函数,隐藏所有 class="test" 的元素。
$("#test").hide()
演示 jQuery 的 hide() 函数,隐藏 id="test" 的元素。
例子解释
jQuery fadeOut()
演示简单的 jQuery fadeout() 函数。
jQuery hide()
演示简单的 jQuery hide() 函数。
Hide explanations
演示如何隐藏部分文本。
Slide panel
演示简单的 Slide Panel 效果。
jQuery animate()
演示简单的 jQuery animate() 函数。
例子解释
改变 HTML 元素的内容。
向 HTML 元素追加内容。
在 HTML 元素之后追加内容。
例子解释
改变 HTML 元素的 CSS 属性。
改变多个 CSS 属性。
获得元素的 CSS 属性。
例子解释
使用 $(selector).load(url) 来改变 HTML 内容。
使用 $.ajax(options) 来改变 HTML 内容。
例子解释
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 内容。
例子解释
相关文章推荐
- 学习新事物:使用jquery+xml实现ajax简单实例
- jQuery学习教程(五):选择器综合实例
- jQuery学习实例:图片提示效果
- jQuery源码学习之三 (jQUery对象的实例属性和方法)
- jquery学习笔记2(W3School学习)
- 一个简单的jQuery插件制作,学习过程及实例
- 静态方法与实例方法共享设计-jquery学习笔记
- jQuery学习笔记--jQuery的ajax方法调用实例
- jQuery插件简单学习实例教程
- w3school学习1-jQuery 语法
- 值得 Web 开发人员学习的20个 jQuery 实例教程
- 【代码片-1】 jQuery源码学习(版本1.11)-事件处理-实例函数
- w3school学习2-jQuery 选择器
- w3school学习6-jQuery HTML 操作
- jQuery源码学习之三 (jQUery对象的实例属性和方法)
- jquery中dom操作和事件的实例学习 下拉框应用
- 学习jQuery之旅--jQuery的经典实例应用
- 很不错的jQuery学习资料和实例,分享给大家。
- jQuery学习教程一: jQuery语法实例