位置: 编程技术 - 正文

源码解读jQ中浏览器兼容模块support第1/2页(jquery原理解析)

编辑:rootadmin

推荐整理分享源码解读jQ中浏览器兼容模块support第1/2页(jquery原理解析),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery fadein 源码,jquery fadein 源码,jquery animate源码,jquery fadein 源码,jquery.min.js源代码,jquery源码实现原理,jquery源码是什么水平,jquery源码实现原理,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

jQuery的属性support是判断浏览器之间是否兼容的模块 ,该模块包含了leadingWhitespace,tbody,htmlSerialize,style,hrefNormalized,opacity,cssFloat,checkOn,optSelected,getSetAttribute….等兼容问题,所有的这些属性也只是jQuery内部会用到,因为jQ内部一些模块需要对这些东西进行判断, 就直接写成了一个support模块, 可以供我们, 但是我们写代码的时基本都没用到啊,

今天再把这些玩意儿过一下, 测试的浏览器为FF,CHROME,IE, IE6-IE是用IE模拟的:

$.support.leadingWhitespace  ———— IE中自动去空格

$.support.checkOn —-chrome中radio默认值为checkOn

$.support.tbody —-IE通过innerHTML自动生成tbody

$.support.htmlSerialize —?  标准浏览器会自动生成link标签

$.support.style  —-IE中getAttriute会获取各种类型的数据….

$.support.opacity  —- IE不支持opacity

$.support.cssFloat   —-cssFloat标准浏览器支持的,IE要用styleFloat

$.support.optSelected  —?浏览器并不会设置默认的option

$.support.getSetAttribute  —-getSetAttribute在浏览器之间的兼容

$.support.html5Clone   —- 复制标签的问题

$.support.boxModel  —- 是否支持盒模型

$.support.submitBubbles  —-冒泡

$.support.changeBubbles  —-冒泡

$.support.focusinBubbles  —-冒泡

$.support.deleteExpando   —?IE的DOM元素是COM组件, 不能delete组件的属性

$.support.noCloneEvent   —-复制元素的事件

$.support.reliableHiddenOffsets   —-table元素中tr内td的问题;

$.support.boxSizing  —是否支持boxSizing

$.support.doesNotIncludeMarginInBodyOffset  —-body不会包含margin的问题(算不算问题呢?)

源码解读jQ中浏览器兼容模块support第1/2页(jquery原理解析)

$.support.pixelPosition   —-获取样式返回的是否是像素值

$.support.boxSizingReliable  —-boxSizing是否可用

$.support.reliableMarginRight —-chrome中margin的bug

$.support.inlineBlockNeedsLayout —-IE中layout的问题

$.support.shrinkWrapBlocks —-IE6中自动扩大宽高的问题

$.support.leadingWhitespace属性

标准浏览器中是遵守用户输入, el应该包含三个节点 :["", "<div id="null"> </div>", ""]节点;

IE中却只有1个节点, 这个节点就是那个DIV:

$.support.checkOn属性

标准浏览器中的checkbox默认value为”on”,IE也都是”on”, 但是在某些webkit中checkbox的值默认为”"字符串,现在的浏览器版本都很高了, 基本没有这个问题, 如果你有chrome低版本的话可以用下面这个demo测试看看有没有问题:

$.support.tbody属性

在IE6和IE7中新建table会自动创建tbody元素;

如果我们为创建的table添加tr或者添加td, 那么所有的浏览器都会自动创建tbody;

如果是动态创建的table和tr,把tr添加到tbody中,那么tbod根本不会出来, 所有浏览器都遵循开发者的操作(浏览器的心思真的不好猜测啊)

代码执行完毕以后你会看到, 当table里没有元素的时候, chrome没有自动产生tbody, 如果你不按照正常的写法写table, 而是这样

"<table><tr></tr></table>";

产生的HTML变成这样”<table><tr></tr></table>“, 在jQ中你这样写$(“<table><tr></tr></table>”), 生成的HTML也是这样的["","<table><tr></tr></table>"],所以再三强调写html标签的嵌套要符合标准….

在IE中又是例外一回事,通过innerHTML的方式会自动添加tbody, 而且你标签嵌套错了他也不管你,通过appendChild的方式跟其他浏览器一样不会主动生成tbody;

$.support.htmlSerialize

IE浏览器中不能够通过innerHTML动态生成link标签, 要通过新建标签的形式创建:

虽然link标签多数都可以通过innerHTML生成, 但是我们要通过innerHTML生成script标签是不可行的:

当前1/2页 下一页阅读全文

jQuery实现的简单百分比进度条效果示例 本文实例讲述了jQuery实现的简单百分比进度条。分享给大家供大家参考,具体如下:一、JSCode:scripttype="text/javascript"varprogressId="ProgressBarID";functionsetProgr

jQuery简单实现彩色云标签效果示例 本文实例讲述了jQuery简单实现彩色云标签效果的方法。分享给大家供大家参考,具体如下:一、JSCode:scripttype="text/javascript"$(function(){randomCloudLabel();});fu

jQuery实现点击行选中或取消CheckBox的方法 本文实例讲述了jQuery实现点击行选中或取消CheckBox的方法。分享给大家供大家参考,具体如下:///summary///点击行选中或者取消CheckBox////summary///paramname="Ta

标签: jquery原理解析

本文链接地址:https://www.jiuchutong.com/biancheng/384106.html 转载请保留说明!

上一篇:jQuery简单实现页面元素置顶时悬浮效果示例(jquery网页制作)

下一篇:jQuery实现的简单百分比进度条效果示例(jquery的实现原理)

  • 资产负债表债务法是什么意思
  • 企业注销涉及的法律问题
  • 债务承担规定是什么意思
  • 收到上年度所得税发票
  • 支付的画图费没有发票要如何处理
  • 文化建设费退税会计分录怎么做
  • 没有参加会计继续教育会怎样
  • 项目差旅费能计入项目费用吗
  • 冲红退税流程
  • 企业增资的分录怎么写
  • 企业所得税季度申报填写示例
  • 营业外收入怎么结转到本年利润
  • 民营企业的待遇
  • 租赁合同印花税计算
  • 二手房的折旧率怎么算
  • 转租不动产需要预缴增值税吗
  • 技术出口税务处理
  • 物业公司预收款怎么做账
  • 计提租金分录怎么处理
  • 资产减值损失会影响利润吗
  • 怎么用手撕胶带图解
  • 开什么样的发票,取决于哪些因素?
  • 异常增值税扣税凭证
  • 员工报销费用
  • 管理费用怎么记忆
  • 开票系统问题
  • 小规模纳税人的税率是多少
  • 经营性现金净流量是什么意思
  • 生产车间工人发放福利
  • bios怎么恢复出厂设置dell
  • win11预览版怎么变回正式版
  • 自创商誉是否能入账
  • unik面部识别怎么用
  • 最好用的无人品牌子
  • 年末进公司有年终奖吗
  • 发票中的密码区是如何形成的
  • thinkphp in
  • vericut9.0环境变量
  • 微信小程序上面有个音乐怎么关闭
  • vue状态机
  • 应付短期租入固定资产的租金计入什么科目
  • 预付款项为什么这么多
  • 企业印花税的计算公式是什么
  • 国外差旅费怎么入账
  • 扣非净利润为什么比净利润高
  • 还原型谷胱甘肽的作用和功效
  • powerdesigner生成pdm
  • 申报个税的流程怎么操作
  • 人工费暂估怎么做分录
  • 库存商品怎么结转收入
  • 小规模纳税人在哪里查
  • 工程款的税费怎么计算
  • 股东借款转为资本公积的决议
  • 非限定性净资产属于什么科目
  • 招标付款条件及比例
  • 学会计前景好吗
  • 计入当期损益是不是计入三大期间费用
  • mysql连接数 是针对db还是服务器
  • win2000服务器
  • vmware虚拟机怎么克隆
  • linux系统转换为win系统脚本
  • win7系统设置自动关机
  • u盘 macbook
  • csinject.exe是什么程序的进程 csinject进程是安全的吗
  • xp系统怎么调性能
  • apt-get和aptitude
  • win7旗舰版系统激活密钥
  • arcgis栅格图像
  • linux常用的网络命令
  • android的基本概念
  • unity android build support
  • vue music
  • document对象常用方法
  • 法线贴图使用
  • jquery detach
  • 个体经营所得申报密码怎样设置
  • 成品油消费税税目
  • 车船税申报表样本
  • 国税实名制信息采集
  • 转卖车位土地增值税税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设