• jq3+版本更新内容


    1. 新增的特性
    1. 支持for…of循环

      1. var i = 0
        for (var input of $('.input')) { 
        	input.id = i++
        }
        
    2. getget和post新增参数类型

      $.post({
      	url: url,
      	data: {
      		name: 'aaa'
      	},
      	...
      })
      
    3. 采用requestAnimationFrame() 实现动画(IE10+

      浏览器不支持降级为setInterval,serInterval有机率导致动画卡顿

      根据浏览器的绘制时间对动画不断优化,减少CPU消耗

    4. unwrap() 增加可选参数selector

      $('.div').unwrap() //选中则删除该父元素
      
    5. addClass(), removeClass(), toggleClass() 可接受类数组

      $('.div').addClass(['red', 'bg-blue'])
      
    6. 新增$.escapeSelector(),转义特殊意义的符号

      <div class="red.bg-blue" ></div>
      $('.'+$.escapeSelector('red.bg-blue'))
      
    2. 变更的特性
    1. :visible和:hidden变更含义,height为0也被认为是:visible

    2. data属性名转换为驼峰形式

      $('.div').data({
      	'my-div': 'demo'
      })
      console.log($('.div').data()) // {myDiv: 'demo'}
      
    3. deferred对象

      3.x以前,回调异常程序终止

      3.x+,回调异常,失败回调函数执行,继续进行下一个回调。和promiss靠拢

      1. 类操作方法支持svg
      addClass('my-svg')
      
    3. 废弃的方法和属性
    1. 废弃bind(),unbind(),delegate(),undelegate(),一致使用$.on和$.off
    2. 移除load(),unload(),error()
    3. 移除context,suport,selector属性
    
    4. 修复的bug
    1. width()和height() 不再四舍五入取整,而是取小数点三位数

    2. wrapAll()传递参数为函数时包裹了每个对象的bug,应该是包裹一个该类对象。

       <div class="parent">
          <a href="">baidu</a>
          <div class="aaa">
            <a href="">baidu</a>
            <a href="">baidu</a>
            <a href="">baidu</a>
          </div>
        </div>
        <!-- <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script> -->
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
      
        <script>
          // $('a').wrap(function() {
          //   return `<div class="${$(this).text()}"></div>`
          // })
          $('a').wrapAll(function() {
            return `<div class="${$(this).text()}"></div>`
          })
      
        </script>
        
      
    版本使用推荐

    IE兼容使用1.x版本

    插件兼容使用1.x版本

    手机端使用zepto.js

    2,1.x 常用版本
    • 1.4.2:稳定性和兼容性都很出色,插件最多,但性能不如下面后面的几个版本。
    • 1.7.2:性能提升,插件第二多,ajaxattrapi 有少许修改。
    • 1.8.3:最后一个支持 IE6 的稳定版
    • 1.9.1:开始移除了不少方法,事件绑定推荐使用 on 方法一个代替所有的。
    • 1.12.41.x 时代最后一个稳定版本,仅支持 IE8,不支持 IE6/7
    3,2.x、3.x 版本

    除非有特殊要求(比如面向移动端),一般情况下这两大版本使用人的确很少:

    • 2.x 最后一个稳定版本:2.2.4
    • 3.x 最新版本:3.3.1
  • 相关阅读:
    sqlserver建立临时表
    动态引用WebService
    技术的力量:30分钟的动画片和《彗星撞地球》超炫的动画 仅64K
    sqlserver2005新功能函数
    使用面向对象的、完整的单点登录功能
    asp.net上传功能(单文件,多文件,自定义生成缩略图,水印)
    C#对字符和文件的加密解密类
    JavaScript中setInterval函数应用常见问题之一(第一个参数不加引号与加引号的区别)
    JavaScript表格隔行换色悬停高亮
    Javascript模拟c#中arraylist操作(学习分享)
  • 原文地址:https://www.cnblogs.com/huangjunjia/p/13068163.html
Copyright © 2020-2023  润新知