位置: 编程技术 - 正文

jQuery 3.0十大新特性最终版发布(jquery3.3.1)

编辑:rootadmin

推荐整理分享jQuery 3.0十大新特性最终版发布(jquery3.3.1),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery 2021,jquery 4.0,jquery 最新版,jquery3.3.1,jquery3.6,jquery3.3.1,jquery3.5.1,jquery 最新版,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuery 3.0 最终版发布了。jQuery 3.0将是jQuery的未来。但如果你需要IE6-8支持,您可以继续使用最新版本1.。

jQuery 3.0在日前发布了最终的全新版本。从年月,jQuery团队对这个主要大版本进行维护开始,web开发者社区便一直在期待着这一刻的到来,终于在年6月他们迎来了这一个最终版www.lampbrother.net。

通过jQuery 3.0的版本更新说明,我们看到了一个保持着向后兼容的更轻便,更快速的jQuery。在本文中,我们将介绍一些令人眼前一亮的jQuery 3.0全新特性。

开始前的说明

如果你想要下载jQuery 3.0进行亲自实验,可以通过该页面进行下载。另外,升级指南和源代码也值得你一看。如果你想要测试一下你的项目如何在jQuery 3.0中工作的,你可以尝试通过jQuery迁移插件来识别代码的兼容性问题,你也可以查看jQuery未来发展的时间表。

1. 移除旧的IE工作区

新的最终版最主要的目标是更加快速,更加时尚,因此,那些支持早于IE9版本的相关技术与工作区都被移除了。这意味着如果你想要或者需要支持IE6-8,你必须用回1.版本,因为甚至是2.X版本都无法完整支持早于IE9的浏览器。

注意:在jQuery 3中还弃用了一些其它的功能。截止到年6月,升级指南还没有提供一个对于弃用功能的分组整理。因此,你如果想要了解弃用功能,可以通过ctrl+f键来进行搜索。

2. jQuery 3.0运行在Strict Mode下

大多数支持jQuery 3的浏览器都支持strict mode,而在本次更新中对此进行了规定。

虽然jQuery 3是写在strict mode中的,但是你需要了解的是你的代码并不需要运行在strict mode中,因此如果你想要把以前的代码迁移到jQuery 3,你不需要对已存在的jQuery代码进行重写。Strict和non-strict mode的JavaScript代码可以和谐共存。

这里有一些例外:某些版本的ASP.NET,因为strict mode的缘故,无法与jQuery 3兼容,

3. 引进for...of循环

jQuery 3支持for...of语句,这是由ECMAScript 6中新引进的一种for循环语句。这提供了对Arrays,Maps和Sets这样的可迭代对象一种更直接的遍历方法。

在jQuery中,for...of循环可以取代以前的$.each(...)语法,并且更容易通过jQuery的元素集合进行循环。注意:for...of只能在支持ECMAScript 6的环境下或者使用Babel这样的JavaScript编译器下工作。

4. 动画方面采用新的API

jQuery 3使用requestAnimationFrame() API来执行动画,使动画运行得更加顺畅、快速。新的API只用于支持它的浏览器,对于那些更老的浏览器(如IE9)jQuery使用先前的API来作为显示动画的后备方案。

5. 对包含特殊含义的字符串提供转义的新方法

新的jQuery.escapeSelector()提供了对在CSS中存在特殊含义的字符串或字符进行转义的方法,该方法可使这些字符串或字符能够继续用于jQuery选择器中,而无需对那些无法进行正确理解的JavaScript解释器进行转义。

这个示例可以让你更好的了解这个全新的方法:

jQuery 3.0十大新特性最终版发布(jquery3.3.1)

举个例子,页面中某个ID为“abc.def”的元素由于选择器将其解析为ID为“abc”且包含一个名为“def”的类的对象,而无法被$( "#abc.def" )选定。但是它可以由 $( "#" + $.escapeSelector( "abc.def" ) )来进行选定。

我无法确定发生中情况的频率,但是假如你碰到过这种类似的情况,这无疑给了你一个解决该问题的简单方法。

6. 类操作方法支持SVG

不幸的是,jQuery 3现在还无法完整的支持SVG,但是对于操作CSS类名称的jQuery方法,如.addClass()和.hasClass()现在可以将SVG文档作为目标。这意味着你可以修改(添加、删除、切换)或者查找SVG(可缩放矢量图形)下的jQuery类,然后使用CSS的类样式。

7. 延迟对象现在与JS Promises兼容

JavaScript Promises,用于异步计算的对象,现在在ECMAScript 6中已经被标准化;它们的运行状况和特性的详细说明参见Promises/A+标准。

在jQuery 3中,延迟对象已经与新的Promises/A+标准相兼容,延迟对象已经成为让创建回调队列成为可能的可链对象(chainable objects)。

新的特性改变了异步回调函数执行过程,Promises允许开发者编写在逻辑上与同步代码更接近的异步代码。

8. jQuery.when()对于多种参数的不同解读

$.when()提供了执行回调函数的一种方法,它成为了jQuery 1.5之后的一部分。这个方法非常灵活,它适用于零参数,也适用于一个或者多个作为参数的对象。

jQuery 3改变了当包含$.then()方法时对$.when()中参数的解读方法,你可以对$.when()进行额外的参数回调。

在jQuery 3中,如果你在$.when()中的then()方法内增加一个输入参数,该参数将会被解释成一个可与Promise兼容的"thenable"。这意味着 $.when方法能够接收更加宽广的输入范围,比如原生的ES6 Promises和Bluebird Promises,这也使得编写更复杂的异步回调成为了可能。

9. 新的显示/隐藏逻辑

为了增加响应式设计的兼容性,与元素显示和隐藏的代码在jQuery 3中进行了更新。从现在开始,.show()、.hide()和.toggle()方法将会以内联样式为重点取代以前的计算样式,这种方式能够更尊重样式列表的改变。新的代码尽可能的尊重样式列表中所呈现的数值,这意味着CSS规则可根据事件(如设备重新定位和窗口尺寸调整)进行动态改变。这个说明文件申明了最重要的结果就是:

“作为结果,断开连接的元素除非指定了内联display: none,否则将不再认定为是隐藏的。因此,在jQuery 3.0中,.toggle()不再对断开连接元素与已连接元素进行区分。”

如果你想要更好的了解关于全新的显示/隐藏逻辑,这个Github discussion会对你有帮助。jQuery开发者还发布了Google文档表来展示在不同用例下新规则的运转。

. 对于防止XSS攻击的额外保护

jQuery 3增加一个额外的安全层用户用于防备跨站点脚本(XSS)攻击,它需要开发者指定$.ajax()和$.get()方法中的选项为dataType: "script"。

换言之,如果你想要执行跨站点的脚本请求,你必须在这些方法中作出这样的声明。

新的改变对于当“远程站点传递非脚本内容之后又提供有恶意脚本的服务内容”的情况是非常有效的。这个变化不会影响$.getScript()方法,因为它明确地设置了dataType: "script"选项。

以上所述是小编给大家介绍的jQuery 3.0十大新特性最终版发布,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

基于jQuery的ajax方法封装 ajax(ajax开发)简介AJAX即AsynchronousJavascriptAndXML(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX=异步JavaScript和XML(标准通用标

jQuery 3.0中存在问题及解决办法 jQuery前阶段推出了3.0版本,改动非常大,如果要使用3.0的话,建议先仔细了解一下新特性,否则会引起一些小问题,例如下面的代码。大家对jQuery3.0十

jQuery EasyUI基础教程之EasyUI常用组件(推荐) 本文主要内容是介绍EasyUI的一些常用组件的使用,都是一些非常基础的知识,适合入门者学习,主要包括Base(基础)、Layout(布局)、菜单和按钮、表单

标签: jquery3.3.1

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

上一篇:Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)(css实现遮罩层)

下一篇:基于jQuery的ajax方法封装

  • 附加税的税率表
  • 外购商品捐赠进哪个科目
  • 住宿发票规格型号一栏写什么
  • 外包人员的工资是费用吗
  • 工作未满12个月被辞退时前月平均工资怎么计算
  • 赔付伤残费用还有误工费用么
  • 合作建房如何纳税
  • 出口货物退回需要进口税吗
  • 出租固定资产取得的净收益计入什么科目
  • 票据行为为什么没有付款
  • 房屋租赁合同印花税计税依据
  • 事业单位对外投资涉及的主要科目有
  • 单位给员工上的商业险是什么
  • 季度销售额不超过30万,城建税减免
  • 企业销售净利润较低说明什么
  • 未取得合法票据费用怎么算
  • 股权案例分析2020
  • 财务费用负数是什么意思
  • 直接融资租赁模式
  • 公积金贷款利息现在是多少
  • 借 其他应付款
  • 网上抵扣发票操作
  • 车船使用税计缴标准
  • 怎么利用腾讯手机号找人
  • 华为mate刷机能刷用户锁吗
  • 车辆维修的增值税怎么算
  • 公账如何存钱
  • linux命令行使用鼠标
  • 贷方发生额是什么意思是利息吗
  • url传变量
  • php判断两个给定值相同
  • 商企预提待付费什么意思
  • 施工企业的收入和成本如何确认
  • 金融资产减值的账务处理
  • 外商投资企业法人独资属于内资还是外资
  • php批量更新数据库
  • 免施工许可证
  • yii2实现根据时间搜索的方法
  • apk文件包下载
  • passwd -s命令
  • 出口退税的一般程序
  • rsync连接
  • 适用于windows7的更新程序会更新到windows10吗
  • 盘盈的存货账务怎么处理
  • 增值税专用发票几个点
  • sql server 查看
  • 银行手续费没有发票要调增吗
  • 电子承兑汇票到期后多少天能兑现
  • 车辆计提折旧需要结转吗
  • 错账更正方法有几种分别适用于什么情况
  • 取得股票期权的个人所得税问题
  • 让渡资产使用权什么意思
  • 银行退汇怎么做会计分录
  • 酒店代金券是什么意思
  • 废料卖出算哪种收入
  • 工业产值是指
  • 企业增资的流程
  • win10周年更新版是什么意思
  • 在64位的Ubuntu系统上安装32位的WPS的方法
  • WINDOWS操作系统属于什么操作系统
  • scrtkfg.exe - scrtkfg是什么进程 有什么用
  • 怎么在mac上查找iphone
  • android定时器的使用
  • 教女朋友学英语
  • cd跳转不到目录
  • shell脚本怎么写循环
  • jquery-validation
  • activity的作用和生命周期
  • python制作爬虫教程
  • JQuery点击行tr实现checkBox选中的简单实例
  • java多线程编程实战指南
  • 小规模开票限额最新规定2022
  • 广州出租车发票号码在哪里
  • 四川省成都市国池酒厂52度原浆多少钱一瓶
  • 威科先行法律信息库价格
  • 年轻干部是什么意思
  • 餐饮业如何缴纳增值税
  • 西宁市房屋维修基金收费标准2021
  • 青岛网上申请个体工商户
  • 税法难吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设