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的插件。

相关推荐