转载:jQuery 1.3.3 新功能
增强的toggleClass() [via: jQuery Edge: Enhanced .toggleClass() ]
1. toggleClass也可以和addClass一样,用空格分隔多个class名称了。
2. 无参数时,自动删除、恢复全部class,也可以传递一个布尔值,true为恢复class,false为删除class。
3. 也可以第一个参数为class名,第二个参数为布尔值,具体用法如下。
// <div class=”a b c”></div>
// 删除、恢复全部class
$(‘div’).toggleClass(); // <div class=”" />
$(‘div’).toggleClass(); // <div class=”a b c” />
$(‘div’).toggleClass( false ); // <div class=”" />
$(‘div’).toggleClass( true ); // <div class=”a b c” />
// 删除、恢复多个 class
$(‘div’).toggleClass( “a b” ); // <div class=”c” />
$(‘div’).toggleClass( “a c” ); // <div class=”a” />
$(‘div’).toggleClass( “a b c”, false ); // <div class=”" />
$(‘div’).toggleClass( “a b c”, true ); // <div class=”a b c” />
简化的hover() [via: jQuery Edge: Simplified .hover()]
旧代码:
$(this).addClass(‘test’);
}, function() {
$(this).removeClass(‘test’);
});
新代码:
$(this).toggleClass(‘test’);
});
live冒泡事件支持预设参数 [via: jQuery Edge: Live Events now with Data ]
var eventConfig = {
selectedClass: “selected”
};
$(“li”).live(“click”, eventConfig, function( event ) {
// 绑定函数的参数event的data属性即为传递的预设参数
var selectedClass = event.data.selectedClass;
});
更好的支持其它windows、document对象
通过.contents()获得其它框架的document对象。
这样就可以获取其height/width/CSS属性或绑定事件。
$(iframeDoc).width();
// 获得框架高度
$(iframeDoc).height();
// 绑定事件
$(iframeDoc).bind(‘click’, function( event ) {
// do something
});
// 获得CSS属性值
$(‘div’, iframeDoc).css(‘backgroundColor’);
注意,如果要处理框架内部网页元素,请使用此插件(配合jQuery 1.3.3/+),和以下语法:
$(‘iframe’).doc().find(‘a’).click(fn);
增强的index() [via: jQuery Edge: Versatile .index() ]
两个变化,第一个,支持传递selector作为参数。
旧代码:
新代码
第二个,无参数传递,直接查找在同级元素中的位置。
旧代码:
$this.parent().children().index( $this );
新代码:
自行指定this对象 [via: jQuery Edge: Bind with a Different “this” ]
在1.3.3中,可以在bind/live绑定事件时,自行指定this参数代表的对象。这个用法需求不多,而且可用event.target,event.currentTarget代替。
具体用法请参看原文。
转载:jQuery 1.3.3 新功能相关推荐
- jQuery 1.4版本的15个新功能(现在已经发布到jquery1.8,特别是增强版的live事件,支持 submit , change , focus 和 blur 事件)...
1.jQuery()创建DOM元素:支持传参设置属性 之前,jQuery可以通过 attr 方法设置元素的属性,既可传属性的名和值,也可以是包含几组特定 属性名值对 的 对象.在 jQuery 1.4 ...
- PHP5各个版本的新功能和新特性总结(转载 http://www.jb51.net/article/48150.htm)
本文目录: PHP5.2 以前:autoload, PDO 和 MySQLi, 类型约束 PHP5.2:JSON 支持 PHP5.3:弃用的功能,匿名函数,新增魔术方法,命名空间,后期静态绑定,Her ...
- 【转载学习】Ceph新长支持稳定版本Luminous(12.x.x)新功能总结
通用功能: 目前,Ceph拥有一个操作简单,基于Web的内置仪表板,用于监控群集状态.(Ceph Dashboard具体可以参阅Ceph官网中文文档:Ceph luminous 新功能之内置dashb ...
- 【转载】SARscape5.4/5.4.1新功能
SARscape5.4/5.4.1新功能 SARscape5.4于2017年1月正式发布.在SARscape5.4中,支持更多的SAR传感器类型,新增很多实用的工具,改进的算法让处理效率更高,新支持集 ...
- 种草 ES2020 八大新功能
作者 | Thomas Guibert 译者 | 孙薇,责编 | 伍杏玲 出品 | CSDN(ID:CSDNnews) 大家都知道,自2015年发布的ES6开始,每年Ecma国际(欧洲计算机制造商协会 ...
- jquery ZeroClipboard实现黏贴板功能,兼容所有浏览器
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
- Windows 2008 R2中的NAP新功能详解
随着Windows Server 2008 R2版本的发布,Windows网络访问保护模式(NAP)又增加了新功能.在本文中,笔者将对新功能进行简要的介绍. Windows Server 2008中提 ...
- 苹果新功能惹网友众怒,还有隐私可言吗?
编译 | 禾木木 出品 | AI科技大本营(ID:rgznai100) 大部分人选择 iPhone 的一大理由就是信息安全,这家公司对于个人隐私的保护一直为人称赞. 最近苹果公司宣布,为了让儿童能够更 ...
- @程序员:Python 3.8正式发布,重要新功能都在这里
整理 | Jane.夕颜 出品 | AI科技大本营(ID:rgznai100) [导读]最新版本的Python发布了!今年夏天,Python 3.8发布beta版本,但在2019年10月14日,第一个 ...
最新文章
- 台湾国立大学郭彦甫Matlab教程笔记(14)polynomial differentiation多项式微分
- 跟我学Spring Cloud(Finchley版)-07-Ribbon入门
- 【机器学习基础】四个小项目完全解读支持向量机
- 自考计算机英语答题技巧,自考英语题型答题技巧-自考英语写作
- Hadoop配置文件
- 小学计算机室教室的简报,高新区第三小学开展“信息技术与教育教学融合创新发展”培训...
- python二级最后一题_python二级考试操作题2.pdf
- 一切事物皆对象_基础篇
- Android笔记 动画之tween(补间)动画demo
- 因为CSS文件编码问题IE6无法正确解析CSS
- linux九九乘法表,linux shell 九九乘法表
- JavaScript库和框架
- public static void main(String[] args) 是什么意思?
- 一文读懂声纹采集、声纹识别、声纹数据库系统等声纹识别技术在公安业务领域的应用场景
- 如何用手机压缩JPG格式图片?一步轻松搞定
- 吴恩达:还没有人能完全理解人工智能,包括谷歌和百度
- C库函数——fabs()
- 关于游戏打击感的帖子[转]
- win10停止更新_win10电脑更新不动的解决方案
- studing(来自转载)
热门文章
- php更新so需要重启吗,不重新编译PHP为php增加openssl.so模块
- C语言手写二叉树(链式存储结构)
- Codeforces Round #500 (Div. 2) C.Photo of The Sky
- yii2 刷新缓存(刷新模型缓存)
- webdriver---API---(java版) 高级应用
- 新建maven工程问题001
- 需求管理与分析——需求池
- 安装Visual Studio2013
- Android 调用系统相机拍照,生命周期重走OnCreate,导致无数据的解决办法
- 3. 设计模式之创建模式