首页 > Web开发 > 详细

jQuery 的 $.fn 可以防止 jQuery 的原型被篡改

时间:2015-04-10 11:27:09      阅读:351      评论:0      收藏:0      [点我收藏+]

$.fn 和 $.prototype 都指向 jQuery 的原型,由于 $.fn 的存在,即使 $.prototype 被修改指向另一个对象,jQuery 的实际原型还在,不会被篡改。

技术分享

演示代码

<script>
// 给jQuery的原型添加一个方法
$.fn.extend({
	im : function(){
			console.log("Hi, I am prototype");
			console.log("-----");
		}
});

console.log($.fn === $.prototype);  // true

$.prototype.im.call(document.querySelector('body'), null);  // "Hi, I am prototype"

$('body').im();   // "Hi, I am prototype"


//将 $.prototype 指向另一个对象,改对象也拥有一个 im 方法
$.prototype = {
		im : function(){
			console.log("Hi, I've changed");
			console.log('------');
		}
	};

console.log($.fn === $.prototype);  //flase

$.prototype.im.call(document.querySelector('body'), null);   // "Hi, I've changed"  改变了

$('body').im();  // "Hi, I am prototype"  没有改变
</script>


jQuery 的 $.fn 可以防止 jQuery 的原型被篡改

原文:http://blog.csdn.net/wlx1991/article/details/44975981

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