jQuery源码学习(一)(3)_H5之家 - 中国HTML5教程资源分享第一站

jQuery在其他库之后引入

> =>jQuery与其他库的冲突解决> ==> => <script type="text/javascript"> jQuery.noConflict();//将变量$的控制权移交给prototype.js jQuery(jQuery("#box2").click(function(){ alert(jQuery(this).text()) }); }); $("box1").style.display = 'none';//使用prototype.js隐藏元素 //这样就可以将jQuery函数作为jQuery对象的制造工厂 >

自定义快捷方式

> =>jQuery与其他库的冲突解决> ==> => <script type="text/javascript"> $j = jQuery.noConflict();//将变量$的控制权移交给prototype.js $j($j("#box2").click(function(){ alert($j(this).text()) }); }); $("box1").style.display = 'none';//使用prototype.js隐藏元素 //这样就可以将jQuery函数作为jQuery对象的制造工厂 >

如果不想给jQuery自定义备用名称，还想使用()方法，同时又不想与其他库相冲突，我们可以这样来解决

> =>jQuery与其他库的冲突解决> ==> => <script type="text/javascript"> jQuery.noConflict();//将变量$的控制权移交给prototype.js ($($(alert($(this).text()) }); }); })(jQuery);//执行匿名函数且传递实参jQuery $("box1").style.display = 'none';//使用prototype.js隐藏元素 >

jQuery在其他库之前引入

> =>jQuery与其他库的冲突解决> ==> => <script type="text/javascript"> //jQuery库在其他库之前引入了，可以直接使用jQuery，无需调用jQuery.noConflict()，可以使用$()方法作为其他库的快捷方式 jQuery(jQuery("#box2").click(function(){ alert(jQuery(this).text()) }); }); $("box1").style.display = 'none';//使用prototype.js隐藏元素 //这样就可以将jQuery函数作为jQuery对象的制造工厂 > expando

expando用来生成一个随机字符串
在数据缓存、事件操作、aJax都用到这个来生成随机字符串

=> <script type="text/javascript"> //生成一个随机字符串 console.log($.expando);//jQuery214073688220245906 </script> </body>

待续。。。