代码分析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中的关系查找方法，关系查找方法分有children()子级、siblings()兄弟的一些方式，下文都有介绍到，文章内容介绍详细，需要的小伙伴可以参考一下，希望对你的学习有所帮助2022-03-03
这篇文章主要介绍了jquery实现倒计时效果，根据设计一个游戏引出的倒计时功能，需要的朋友可以参考下2015-12-12
Jquery Easyui日历组件Calender使用详解（23）
这篇文章主要为大家详细介绍了Jquery Easyui日历组件Calender的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了jquery实现的删除数据记录时的弹出提示效果,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jquery幻灯片插件bxslider样式改进,对比官方样式以实例形式讲述了改进的技巧,非常实用,需要的朋友可以参考下2014-10-10
这篇文章主要为大家详细介绍了jquery自定义表单验证插件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要为大家详细介绍了jQuery pagination分页示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
这篇文章主要介绍了jQuery使用jsonp实现百度搜索，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要为大家详细介绍了jQuery实现表格元素动态创建功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了jQuery实现的购物车物品数量加减功能,涉及jQuery针对鼠标事件的响应及页面元素动态操作相关技巧,需要的朋友可以参考下2016-11-11
最新评论