代码分析jQuery四种静态方法使用

 更新时间:2015年07月23日 10:47:22   投稿:mrr  
这篇文章主要通过代码介绍了jQery四种静态方法(isFunction,isArray,isWindow,isNumeric)的使用,需要的朋友可以参考下

jQery每一个方法都有对应代码解析,非常详细,具有介绍请看下文:

isFunction方法

用于测试是否为函数的对象

示例:

function stub() {
  }
var objs = [
      function () {},
      { x:15, y:20 },
      null,
      stub,
      "function"
     ];
    jQuery.each(objs, function (i) {
    var isFunc = jQuery.isFunction(objs[i]);
    $("span:eq( " + i + ")").text(isFunc);
 })

运行结果:

复制代码 代码如下:

[ true,false,false,true,false ]

源码分析:

 

// See test/unit/core.js for details concerning isFunction.
// Since version 1.3, DOM methods and functions like alert
// aren't supported. They return false on IE (#2968).
isFunction: function( obj ) {
   return jQuery.type(obj) === "function";
},

 首先就告诉你自从1.3版本就有bug ,一些dom方法和函数例如alert在ie里面会返回false,看了下这个bug,因为toString方法和valueOf方法都会被重写所以有人就提出了用instanceof方法检测但是在ie6还是有问题。目前为止这个bug还没有关闭具体大家可以从参考官网bug页因为我分析的是1.7.1所以就先按照这个版本来,这个方法就是简单的调用type方法判断其返回结果是否为字符串function
 
isArray方法

用于测试是否为数组的对象

示例:

 

$("b").append( " + $.isArray([]) );//<b>true</b>

isArray: Array.isArray || function( obj ) {
    return jQuery.type(obj) === "array";
 },

跟isFunctoin一样直接使用type方法的返回结果

isNumeric方法

确定它的参数是否是一个数字。

$.isNumeric() 方法检查它的参数是否代表一个数值。如果是这样,它返回 true。否则,它返回false。该参数可以是任何类型的

示例:

$.isNumeric("-10"); // true
$.isNumeric(16);   // true
$.isNumeric(0xFF);  // true
$.isNumeric("0xFF"); // true
$.isNumeric("8e5"); // true (exponential notation string)
$.isNumeric(3.1415); // true
$.isNumeric(+10);  // true
$.isNumeric(0144);  // true (octal integer literal)
$.isNumeric("");   // false
$.isNumeric({});   // false (empty object)
$.isNumeric(NaN);  // false
$.isNumeric(null);  // false
$.isNumeric(true);  // false
$.isNumeric(Infinity); // false
$.isNumeric(undefined); // false

源码分析:

复制代码 代码如下:

isNumeric: function( obj ) {
        return !isNaN( parseFloat(obj) ) && isFinite( obj );
},

这个方法不是判断Number类型而是看起来像数字的类型只要传进去的参数包含数字那么就会返回true,首先使用parseFloat方法把参数转为数组,此方法会保留参数中的数字部分过滤掉其他部分,如果结果不是NaN也没有超过最大值就是true否则返回false

isWindow方法

用于测试是否为window对象

复制代码 代码如下:
isNumeric: function( obj ) { return !isNaN( parseFloat(obj) ) && isFinite( obj ); },

一种粗略的方法判断对象是window,如果满足传进来的是对象而且具有setInterval方法则认为该对象为window对象,现在这个方法已经改为判断是否是窗口对象了具体以后在分析。希望大家能够喜欢以上内容所述。

相关文章

  • jQuery中parentsUntil()方法用法实例

    jQuery中parentsUntil()方法用法实例

    这篇文章主要介绍了jQuery中parentsUntil()方法用法,实例分析了parentsUntil()方法的功能、定义及根据条件查找匹配元素的所有的祖先元素使用技巧,需要的朋友可以参考下
    2015-01-01
  • jquery的Theme和Theme Switcher使用小结

    jquery的Theme和Theme Switcher使用小结

    jquery的Theme和Theme Switcher使用总结,学习jquery Theme的朋友可以参考下。
    2010-09-09
  • 解决jquery实现的radio重新选中的问题

    解决jquery实现的radio重新选中的问题

    这篇文章主要介绍了解决jquery实现的radio重新选中的问题的方法和示例,十分的实用,有需要的小伙伴可以参考下。
    2015-07-07
  • JQuery判断radio(单选框)是否选中和获取选中值方法总结

    JQuery判断radio(单选框)是否选中和获取选中值方法总结

    这篇文章主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,需要的朋友可以参考下
    2015-04-04
  • jQuery 获取多选框的值及多选框中文的函数

    jQuery 获取多选框的值及多选框中文的函数

    这篇文章主要介绍了jQuery 获取多选框的值及多选框中文的函数的相关资料,需要的朋友可以参考下
    2016-05-05
  • jQuery实现购物车表单自动结算效果实例

    jQuery实现购物车表单自动结算效果实例

    这篇文章主要介绍了jQuery实现购物车表单自动结算效果,涉及jquery动态获取页面元素及实时改变页面元素值的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • Bootstrap嵌入jqGrid,使你的table牛逼起来

    Bootstrap嵌入jqGrid,使你的table牛逼起来

    这篇文章主要介绍了Bootstrap嵌入jqGrid,使你的table牛逼起来,需要的朋友可以参考下
    2016-05-05
  • jquery的 filter()方法使用教程

    jquery的 filter()方法使用教程

    filter() 方法返回符合一定条件的元素。该方法让您规定一个条件。不符合条件的元素将从选择中移除,符合条件的元素将被返回。这篇文章主要介绍了 jquery的 filter()方法使用,需要的朋友可以参考下
    2018-03-03
  • jQuery 使用手册(七)

    jQuery 使用手册(七)

    jQuery 使用手册,大家可以耐心的看完,就基本上入门了。
    2009-09-09
  • Axios和Jquery实现文件上传功能

    Axios和Jquery实现文件上传功能

    这篇文章主要为大家详细介绍了Axios+Jquery实现文件上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08

最新评论