之前例子是扩展jQuery的工具方法,即通过$.xxx(para);的形式来使用的。下面是扩展jquery对象的方法,即任意一个jquery对象都已访问。
具体如下:
wyl.js:
1 (function($){ 2 //访问方法: $('span p').siblings().chgColor();//所有祖先元素为span的p元素的相邻元素 3 //作用:设置jquery对象的颜色 4 $.fn.chgColor = function(colors){ 5 var tmpColor = colors; 6 var flag = !(tmpColor); 7 if(!(tmpColor)){ 8 // tmpColor = 'orange'; 9 tmpColor = '#93DDFF';//蓝色10 }11 if(typeof tmpColor!='string'){12 alert('传入的参数必须是string型的');13 return false;14 }15 16 $(this).css('background',tmpColor);17 }18 })(jQuery)
html:
1 2 3 4 5无标题文档 6 7 8 22 23 24 25111112611111
27 282222229 22223022222
3133333
3244444
我是又一个div3334我是div下的p元素
55555
356666
36 37
效果: