jQuery小复杂语法学习
1.jQuery是一个JS类;
2.jQuery=$;
3.jQuery.extend(obj)就是为jQuery添加一个静态方法。
$.extend({constantmethod:function.......})
jQuery.extend({
doAlert:function(){alert("Morning!");}
});
jQuery.extend({
doSumAlert:function(a,b){alert(a+b);}
});
$.doAlert();
$.doSumAlert(100+200);
4.jQuery.fn=jQuery.prototype;
jQuery.fn.extend(obj)就是为jQuery添加一个成员函数,即对jQuery.prototype进行扩展。之后jQuery的实例或者说jQuery类的实例就可以使用这个成员函数。
比如我们借助jQuery开发一个我们自己的插件,功能:其中有一个编辑框,点击它时便先alert中当前编辑框中内容。
我们的HTML:
<inputtype='text'id='specialtextbox'/>
我们自己的js文件中就可以写为:
$.fn.extend({
doAlertWhileClick:function(){
$(this).click({alert($(this).val());})
}
})
$('#specialtextbox').doAlertWhileClick();
$('#specialtextbox')为一个jQuery实例,当它调用成员方法alertWhileClick后,便实现了扩展,每次被点击时它会先弹出目前编辑里的内容。
jQuery提拱了丰富的操作文档,事件,CSS,Ajax、效果的方法,结合这些方法,便可以开发出更加Niubility的插件。