盘点jQuery弃用的函数

早前为了更好的浏览器兼容性,一直是使用jQuery-1.7.2版本;但是随着各大浏览器和技术的飞速发展,连bootstrap新版本都是需要引入jQuery-1.9以上的版本,代表着常用的jQuery-1.7.2也该告别历史舞台了;

但 是有些我们常用的函数也被弃用了;不注意的话就会各种报错;下面就来盘点这些已经被抛弃的函数;当然如果你不认识介绍的这些被弃函数;那恭喜你不需要去记 了,只需要理解它的替代函数即可;本文的意义是提醒亲们哪些函数被弃用了以及该用那些函数来替代;至于替代函数具体使用方法请谷哥度娘吧。

1:

弃用函数:.live()

被弃版本:jQuery-1.9以上

替代函数:.on()

2:

弃用函数:.die()

被弃版本:jQuery-1.9以上

替代函数:.off()

3:弃用函数:.size()

被弃版本:jQuery-1.8以上

替代函数:.length

4:弃用函数:.toggle()

被弃版本:jQuery-1.8以上

替代函数:。。。。。。

还好写本文的时候把这个函数扔到了最后,因为官方没有相应的替代函数,但是没有什么能阻挡拥有聪明智慧的程序员;

如果是用来切换css样式,可以使用 .toggleClass();

如果是要切换事件;可以使用下面自定义的函数;

  var i=0;
  $(‘#test‘).click(function(){
      if(i==0){
          //执行方法内容
          i=1;
      }else{
          //执行方法内容
          i=0;
      }
  }

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客baijunyao.com

时间: 2024-10-12 22:40:47

盘点jQuery弃用的函数的相关文章

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jquery中的 $(function(){ .. }) 函数

2017-04-29 在讲解jquery中的 $(function(){ .. }) 函数之前,我们先简单了解下匿名函数.匿名函数的形式为:(function(){ ... }),又如 function(arg){ ... };定义了 一个参数为 arg 的匿名函数,然后使用 (function(arg){ ... })(param) 来调用这个函数,其中 param 是传入这个匿名函数的参数. 但需要主要匿名函数与jquery中的 $(function(){ ...}) 函数的区别:$(fun

利用jquery的淡入淡出函数(fadeIn和fadeOut)--实现轮播

首先说下,我在网上找的例子全是用的UL 实现,其实大可不必,只要是能包含img标签的HTML标签都可以做轮播效果.利用jquery的淡入淡出函数(fadeIn和fadeOut).废话也不多说,边上代码边讲解.最后附上demo效果地址. <!--整体容器-->    <div class="imgbox">        <!--图片列表,除第一张显示外,其余隐藏-->        <ul>            <li style

jQuery碎语(4) 实用函数

6.实用函数 ● 修剪字符串 $('#id').val($.trim($('#someid').val())) ● 遍历集合 可能这样写: var anArray = ['one','two']; for(var n = 0; n < anArray.length; n++){ } 还有可能这样写: var anObject = {one: 1, two: 2}; for(var p in anObject){ } 但有了$.each函数后,就可以这样写了: var anArray = ['on

关于jQuery中的submit()函数

关于jQuery中的submit()函数(绑定event handler or 触发event?) 今天在敲代码的时候无意间碰到了一个比较绕的问题(一个小师弟问的问题),思前想后都不明白,上午百度.谷歌了半天,再加上读了下英文api才算明白开来.现在记下来,给大家做个提醒.废话不多说,代码如下: 1 $('#myFormId').submit(function() { 2 // submit the form 3 $(this).ajaxSubmit(); 4 // return false,这

jQuery分析(2) - $工厂函数分析

jQuery分析(2) - $工厂函数分析 前言 从这节进入jQuery的世界,首先从jQuery的入口函数开始了解jQuery()或$是如何运作的,这里我给出了一个最小的例子来分析. 回忆 在进入分析代码前我们回想下jQuery的使用方法有哪些呢? selector,[context] selector:用来查找的字符串 context:作为待查找的 DOM 元素集.文档或 jQuery 对象. element 一个用于封装成jQuery对象的DOM元素 object 一个用于封装成jQuer

jquery&#39;中的匿名函数

  //jquery'中的匿名函数 (function(){ alert("this is a test"); })(); //和这个基于jQuery的比较下: $(function(){ alert("this is a test"); }); jquery'中的匿名函数

自己写的一个类似于jQuery中的toggle函数

这是HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>公共测试页</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script ty

[Js/Jquery]立即执行匿名函数

摘要 有时使用js写了一个匿名方法,需要立即执行.因为没有方法名称,无法在其它地方调用. 匿名函数 匿名函数,可以认为是没有方法名称的函数. js中如果想执行匿名函数,结构如下: (function () { //逻辑代码 })() 使用()将匿名函数括起来,后面再加一对小括号(包含参数列表). 例如: alert((function (x, y) { return x + y; })(2, 3)); 命名函数自调用 (function myfunc() { alert("23333"