jQuery扩展$.fn、$.extend jQery命名方法扩展 练习总结
$.fn.hello = function(){ //扩展jQuery实例的自定义方法,基于$.fn的jq方法扩展
this.click(function(){
alert(‘hello‘);
})
}
$(‘input‘).hello(); // 点击input正确出弹窗 ‘hello‘
</script>
$.fn.extend({ //用extend扩展jQuery实例的自定义方法
hello:function(){
this.click(function(){
alert(‘hello‘);
})
}
})
$(‘input‘).hello(); // 点击input正确出弹窗 ‘hello‘
</script>
$.fn.extend({ //extend扩展jq实例的 ‘属性’
hello:‘hello‘,
})
var obj = new $; //创建以jq为构造原型的 实例obj
document.write(obj.hello) //打印字符串“hello“
</script>
$.extend({ //扩展jQuery这个全局对象的自定义方法
hello:function(){
$(‘input‘).click(function(){
alert(‘hello‘);
})
}
})
$.hello(); // 点击input正确出弹窗 ‘hello‘
</script>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。