首页 > Web开发 > 详细

jQuery源码分析_工具方法(学习笔记)

时间:2015-11-30 19:52:19      阅读:289      评论:0      收藏:0      [点我收藏+]

expando:生成唯一JQ字符串(内部使用)

noConflict():防止冲突

isReady:DOM是否加载完成(内部)

holdWait:等待多少文件的计数器(内部)

ready():准备DOM触发

isFunction():是否为函数

isArray():是否为数组

isWindow():是否为window

isNumeric():是否为数字

type():判断数据类型

isPlainObject():是否为对象自变量

isEmptyObject():是否为空的对象

error():抛出异常

parseHTML():解析节点

parseJSON():解析JSON

parseXML():解析XML

noop():空函数

globalEval():全局解析JS

camelCase():转驼峰

nodeName():是否为指定节点名(内部)

each():遍历集合

trim():去前后空格

nakeArray():类数组转真数组

inArray():数组版indexOf

merge():合并数组

grep():过滤新数组

map():映射新数组

guid:唯一表示符(内部)

proxy():改this指向

access():多功能值操作(内部)

now():当前时间

swap():CSS交换(内部)

 

expando:生成唯一JQ字符串(内部使用)

源码:技术分享

<script src="jquery-2.0.3.js"></script>

<script>

alert( $.expando );

</script>

 

 

运行结果:

技术分享

 

noConflict():防止冲突

源码:

技术分享

jquery对外提供的接口是$()或者jQuery(),$符号在很多别的库中也会使用到所以就可能会有冲突

不出问题的解决方法:

<script src="jquery-2.0.3.js"></script>

<script>

var aa = $.noConflict(true);//现在将$替换成aa

var $ = 123; //模拟$被占用的情况

aa(function(){

alert($);

})

</script>

运行结果:

技术分享

isReady:DOM是否加载完成(内部)

holdWait:等待多少文件的计数器(内部)

ready():准备DOM触发

$(function(){})与原生js中window.onload = function(){}

window.onload = function(){}原生的window.onload是页面中所有的东西(节点、图片、flash)都全部加载完成才会执行的语句

$(function(){})是在DOM(节点)加载完就会执行 ,加载速度更快

原生js中DOM加载完成事件:DOMContentLoaded,触发时就表示DOM加载完成了

深入跟踪发现 $(function(){})只是调用了原生js的DOMContentLoaded

 

-----------------未完待续-------------------------

 

jQuery源码分析_工具方法(学习笔记)

原文:http://www.cnblogs.com/liuyanan/p/5007838.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!