创意无形 创意有形




技术共享

jQuery.support 的实现方式


jQuery.support


jQuery.support 用于检查浏览器对各项特性的支持。检查项多达 27 个。

首先,让我们用一段代码测试一下 support 中包含的检查项:


IE 下的输出结果为:

support.leadingWhitespace = false
support.tbody = false
support.htmlSerialize = false
support.style = false
support.hrefNormalized = false
support.opacity = false
support.cssFloat = false
support.checkOn = true
support.optSelected = false
support.getSetAttribute = false
support.submitBubbles = false
support.changeBubbles = false
support.focusinBubbles = true
support.deleteExpando = false
support.noCloneEvent = false
support.inlineBlockNeedsLayout = false
support.shrinkWrapBlocks = true
support.reliableMarginRight = true
support.noCloneChecked = false
support.optDisabled = true
support.radioValue = false
support.checkClone = undefined
support.appendChecked = false
support.boxModel = false
support.reliableHiddenOffsets = false
support.ajax = true
support.cors = false

FireFox 中的显示结果为:

support.leadingWhitespace = true
support.tbody = true
support.htmlSerialize = true
support.style = true
support.hrefNormalized = true
support.opacity = true
support.cssFloat = true
support.checkOn = true
support.optSelected = true
support.getSetAttribute = true
support.submitBubbles = true
support.changeBubbles = true
support.focusinBubbles = false
support.deleteExpando = true
support.noCloneEvent = true
support.inlineBlockNeedsLayout = false
support.shrinkWrapBlocks = false
support.reliableMarginRight = true
support.noCloneChecked = true
support.optDisabled = true
support.radioValue = true
support.checkClone = undefined
support.appendChecked = true
support.boxModel = true
support.reliableHiddenOffsets = true
support.ajax = true
support.cors = true

需要注意的是,源代码中 checkClone 的检查是有问题的。这将在后面提到。     接下来,我们就对这些检查项进行逐一的分析。



leadingWhitespace


检查用 innerHTML 赋值时,是否会保留前面的空白符。

IE中为 false , Firefox 中为 true 。

实现方式如下:

$ = function(){
// Other codes ...

var support = {
leadingWhitespace: (div.firstChild.nodeType === 3),
tbody: !div.getElementsByTagName("tbody").length
}

// Other codes ...
}();

这段代码在原有基础上为 support 增加了 tbody 属性, 并检查是否能够获取 tbody 标签。由于 innerHTML 中已经包含了 table 标签,能获取 tbody 标签的话则表示会自动为 table 插入 tbody,否则表示不会自动插入 tbody 。


发布日期:2011-5-6 12:26:09 本文地址:http://www.webx.cc/archive/custom/jQuerysupport.html Tags标签: 版权声明:         本站所有内容皆为原创!版权归 广州有象创意设计有限公司 所有。
        未经授权,擅自盗用、抄袭等等,必将追究法律责任!转载、传播请注明出处!
        举报有奖!举报维权所得 90% 归举报者所有!
        举报电话:020-29060666
        举报邮箱:webmaster@webx.cc
        举报QQ: 272131727
        常务律师:周晓武

您现在的位置:首页 > 公司新闻 > 技术共享 上一篇:{aspcms:prevtitle}
下一篇:Dell Venue Pro

相关内容: 1. 有象创意 - 在线汽车展厅 - 网页3D产品展示效果
2. 美格派披萨 - 响应式/交互案例
3. 云山名都电子楼书 - 项目专题设计
4. 摄影师李伟个人网站 - 传统设计案例
5. 广东江影电影器材设备有限公司官网 - 传统设计案例
6. 比特广告 - 响应式/交互案例
7. 唐美世家 - 响应式/交互案例
8. 修图师刘铁 - 响应式/交互案例
9. 文耀建筑室内空间摄影摄像 - 响应式/交互案例
10. 龙浩摄影 - 响应式/交互案例

联系方式
Contact

此处联系表单仅供特殊情况使用。若您需要联系 有象创意,请以电话方式,或者导航菜单上的 QQQQ 邮箱微信方式联系。

请输入您的问题:
请输入您的称呼(例如:张三 先生):
请输入您的11位手机号码,以方便我们及时回复您:
请输入正确的 E-mail 地址:
请输入具体信息:
留言已经成功发送!
信息发送错误,请重新发送,或直接拨打我司热线: 020-29060666      4008-588-557

广州有象创意设计有限公司

020-29060666 4008-588-557 webvov@qq.com 272131727 工作时间:周一至周五
        9:00-12:00 / 14:00-18:00


版权所有:©广州有象创意设计有限公司 翻版必究!   粤 ICP 备 16079837 号