$.extend()和$.fn.extend的編寫(xiě)用法實(shí)例
学习jquery的伙伴们也许会遇到关于$.extend和$.fn.extend的用法问题吧。
也是在编写插件用所遇到些新知识点!
今天来总结下,也方便和大家一起交流学习^_^
一、$.extend()的用法实例:
$.extend()的用法是为Jquery全局对象添加了一个静态方法,
<script>
$.extend(
{
mytest:function(str){ //全局对象添加的方法命名
alert("第一次调用"+str);
}
}
)
$.mytest("$.extends"); //消息框弹出“第一次调用$.extends”
</script>
*在代码块中用$.mytest()就可以直接调用方法。感兴趣的伙伴可以做做实例试验。
一、$.fn.extend()的用法实例:
$.fn.extend()是个非常有意思的操作用法,可以为实例添加新方法。
我将$.fn.extend()弄得比较好玩些吧,也方便大家了解它的神器作用。
<div style="width:300px;height:300px"></div>
<script>
$.fn.extend({
mytest:function(str){ //为全局的实例添加方法
this.css("background",str); //实例的属性进行修改背景颜色
}
});
/* 点击div事件 */
$("div").click(function(){
$("div").mytest("#F00"); //将原来的css()换个名字来玩~
});
</script>
当$.fn.extend创建了方法后,全局的实例就可以很轻松调用到它了,伙伴们来试试吧!
點(diǎn)擊查看更多內(nèi)容
7人點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃,即可進(jìn)行掃碼打賞哦