jquery源码分析学习笔记
油菜花666
致力修炼成为一个二逼女青年的路上。。。
展开
-
jQuery总体设计
1、jQuery设计理念以及核心特性?jquery的设计理念是:write less, do more;写更少的代码,做更多的事;核心特性:1、兼容主流的浏览器:支持IE6.0、Chrome、Firefox 3.6+、Safari 5.0+、Opera等.2、具有独特的链式语法和短小清晰的多功能接口;3、具有高效灵活的css选择器,并且可对css选择器进行扩展;4、拥有便捷...转载 2020-03-16 10:25:57 · 291 阅读 · 0 评论 -
jQuery解决冲突noConflict方法源码解析
var _jQuery = window.jQuery, _$ = window.$; // jQuery 初始化的时候,把可能存在的window.$和window.jQuery备份到局部变量_$和_jQuery。jQuery.extend({ noConflict: function (deep) { // 防止冲突 if (window.$...原创 2020-03-15 07:47:58 · 165 阅读 · 0 评论 -
jquery.Data()
/*$('#div1').attr('name','hello'); alert( $('#div1').attr('name') );*/ document.getElementById('div1').setAttribute('name','hello'); alert( document.getElementById('div1').getAttribute('name')...原创 2019-01-23 17:25:16 · 619 阅读 · 0 评论 -
jquery.support()
jQuery.support = (function( support ) { var input = document.createElement("input"), fragment = document.createDocumentFragment(), div = document.createElement("div"), select = doc...原创 2019-01-22 17:44:39 · 381 阅读 · 0 评论 -
$.when()
function aaa(){ var dfd = $.Deferred(); dfd.resolve(); return dfd;}function bbb(){ var dfd = $.Deferred(); dfd.reject(); //return dfd;}$.when( 123 , 456 ).done(function(){//这里的参数123,456...原创 2019-01-22 16:08:31 · 862 阅读 · 0 评论 -
数组---contact
var core_concat = [].concat; var arr = [ [1],[2],[3],[4],[5],[6],[7], ]; var arr2 = [8, 9]; arr.push(arr2); console.log(arr); console.log(core_concat.apply([], arr));原创 2019-01-15 15:59:15 · 1591 阅读 · 0 评论 -
jquery ---$.proxy()改变this指向的源码
var obj = { show : function(){ alert(this); }};$(document).click( $.proxy(obj,'show') );//obj下面的show方法的this指向obj$.proxy(obj,'show') -> $.proxy(obj.show,obj)一般写法是:$.proxy(方法名,this的指向者);...原创 2019-01-15 15:52:10 · 392 阅读 · 0 评论 -
jquery.each()源码
function each ( obj, callback, args ) { var value, i = 0, length = obj.length, isArray = isArraylike( obj ); if ( args ) { if ( isArray ) { for ( ; i < length; i++ ) { va...原创 2019-01-15 15:02:41 · 694 阅读 · 0 评论 -
jquery.access源码分析(2.0.3)
<script> function access( elems, fn, key, value, chainable, emptyGet, raw ) { /* *@param elems ==> 要操作的元素,可能是一个集合数组, *@param fn ==> 回调,区分具体是操作,比如使用的是attr()方法和css()方法具体操作是不...原创 2019-01-15 14:38:26 · 161 阅读 · 0 评论 -
jquery.attr()和jquery.prop()
jquery.attr() ==> setAttributejquery.attr()和jquery.prop() ==> 类似使用对象的属性操作(.)和([ ])如果是自定义属性,attr会添加到dom节点上,prop则不会获取自定义属性的时候, attr能获取,但是prop在某些浏览器下,会获取到空值某些标签,比如a标签的href值,attr和prop两者获取到的值...原创 2019-01-24 11:00:29 · 171 阅读 · 0 评论 -
jquery.queue()
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script src=&q原创 2019-01-23 18:11:58 · 487 阅读 · 0 评论 -
jquery.Deferred()
$().ready(function() { var cb = $.Callbacks(); setTimeout(function() { alert(111) cb.fire(); }, 2000); cb.add(function() {//这里先把函数存到数组里面,当定时器里面触发fire()方法的时候,就会触发数组里面这个函数的调用 a...原创 2019-01-21 18:33:07 · 824 阅读 · 0 评论 -
jquery.callbacks(源码)
<script> $().ready(function() { var optionsCache = {}; var core_rnotwhite = /\S+/g; function createOptions( options ) { var object = optionsCache[ options ] = {}; jQuery...原创 2019-01-17 23:13:40 · 153 阅读 · 0 评论