博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery $.fn.extend方式自定义插件
阅读量:6376 次
发布时间:2019-06-23

本文共 857 字,大约阅读时间需要 2 分钟。

之前例子是扩展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 25
11111
26

11111

27 28
22222
29 222230

22222

31

33333

32

44444

我是又一个div
33

我是div下的p元素

34

55555

35

6666

36 37

效果:

 

转载地址:http://ywxqa.baihongyu.com/

你可能感兴趣的文章
day7面向对象--反射
查看>>
文件打开方式
查看>>
ERROR 2002
查看>>
NET多线程探索-NET线程基础知识点
查看>>
Oracle 11g R2 新特性
查看>>
微信小程序新手知识
查看>>
java中数据流的简单介绍
查看>>
根据物流号查看物流信息
查看>>
jsp设置MIME类型
查看>>
python模拟自动登录网站(urllib2)
查看>>
Java 对文件的操作
查看>>
洛谷 题解 P3627 【[APIO2009]抢掠计划】
查看>>
springboot传入json和文件_SpringBoot系列教程22-整合SpringMVC之HttpMessageConverters
查看>>
不礼让行人怎么抓拍的_张家川公安交警持续曝光机动车不礼让行人【第24期】...
查看>>
用pythonturtle写名字_去年爆款新生儿名字,家长自以为起的不错,却有“棺材”的意思...
查看>>
句子分类_语法微课句子的分类+文本讲解
查看>>
显示提示_体检报告显示:“转氨酶”升高!提示身体可能出现了这些健康问题...
查看>>
图形化分析工具_推荐一款基于小米 soar 的开源 sql 分析与优化的 web 图形化工具...
查看>>
485 工控机 接线方式_RS485温湿度传感器的接线方式及注意事项
查看>>
12306排队是什么意思_12306订单请求排队中是什么意思 要等多久
查看>>