jquery的对象一次写多个方法(四)
2013-09-24 18:08
411 查看
jQuery 方法链接
直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示:这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
例子 1
下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,然后向下滑动:
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示:这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
例子 1
下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,然后向下滑动:
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
相关文章推荐
- jQuery.parseJSON(json)方法将字符串转换成js对象
- 使用jQuery在对象中缓存选择器的简单方法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 4种方法让SpringMVC接收多个对象
- JavaScript之jQuery-9 jQuery 开发插件(添加新全局函数、添加jQuery对象方法、添加新简写方法、方法参数)
- jQuery对象与DOM对象之间的转换方法
- jQuery事件之on()方法绑定多个选择器,多个事件
- JQuery获取$(this)子节点对象的方法
- $(document).ready()方法和window.onload有什么区别?Jquery对象和dom对象的区别?jQuery对象和dom对象是怎样转换的?
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- Jquery中使用setInterval和setTimeout会提示缺少对象的错误,解决方法如下:
- JQuery获取$(this)子节点对象的方法
- jQuery的isEmptyObject方法判断对象是否为空
- jquery基础教程之deferred对象使用方法
- jquery解析json格式数据的方法(对象、字符串)
- jquery 的$.ajax()方法在ie8中只能访问一次后台问题。
- jquery 获取顶级父页面对象出错,解决方法
- jQuery事件对象的属性和方法
- jquery 全选和取消只能执行一次解决方法
- Jquery 一次处理多个ajax请求的代码