JQuery方法扩展

Posted 2020-06-09

第一种 extend

<!-- extend 扩展jQuery,其实就是增加一个静态方法 -->

定义：
　　　　$.extend({
　　　　　　sayHello:function(name)
　　　　　　{
　　　　　　　　alert(‘Hello, ‘+(name?name:‘XXXX‘)+‘ !‘)
　　　　　　}
　　　　});

调用：         
　　　　$(function(){
　　　　　　$.sayHello();
　　　　　　$.sayHello(‘Zhangsan‘);
　　　　});

第二种 $.fn

<!-- $.fn  给JQuery对象，增加方法 -->

定义：
　　　　$.fn.Red = function(){           
　　　　　　this.each(function(){
　　　　　　　　$(this).append(‘ ‘+$(this).attr(‘href‘));
　　　　　　});
           
　　　　　　return this.css(‘color‘,‘red‘);
　　　　}

调用：
　　　　$(function(){
　　　　　　$("a").Red().css(‘color‘,‘gray‘);
　　　　});