专栏首页sktjjquery 自己编写插件1

jquery 自己编写插件1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>color</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .a{ color : red; } </style> <script type="text/javascript" src="../../scripts/jquery.js"></script> <script type="text/javascript"> //插件编写 ;(function($) { jQuery.fn.extend({ "color":function(value){ return this.css("color",value); } }); })(jQuery);

//插件应用
$(function(){
   $("div").click(function(){
        var color = $(this).text();
        $("div").color( color ); //设置所有的div的字体颜色
   })
})
</script>

</head> <body> <div class="a">red</div> <div style="color:blue">blue</div> <div style="color:green">green</div> <div style="color:yellow">yellow</div>

</body> </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap scollspy 滚动监听

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • bootstrap 警告框

    <div class="container"> <div class="alert alert-success"> <p>显示了警告框</p> </div...

    用户5760343
  • python flask web开发实战 bootstrap

    from flask.ext.bootstrap import Bootstrap

    用户5760343
  • css 权重值(层叠性)详解

    郭楷丰
  • CSS

    CSS的四种引入方式: 一、行内样式 <div style="background-color: blue;color: brown">cairui</div>...

    用户1173509
  • CSS动画的毕业设计

    我 @keyframes 一个动画,动画的名字叫 play,现在我想让谁动,就把play交给谁。 我把play递给了img,img伸出双手接住了我的play,...

    我不是费圆
  • HTML_样式

    bye
  • IT Helpdesk:想说爱你不容易

    使用Helpdesk系统协助IT的日常工作,其实是从第3家公司伟创力开始的,记得当时的系统是同事Xu开发的,用的还是asp,后来我还进行过一些小修改。当初这个系...

    崔文远TroyCui
  • 手把手教你完成一个数据科学小项目(9):情感分析与词云

    请先阅读“中国年轻人正带领国家走向危机”,这锅背是不背? 一文,以对“手把手教你完成一个数据科学小项目”系列有个全局性的了解。

    古柳_DesertsX
  • 原生JS实现翻书特效

    越陌度阡

扫码关注云+社区

领取腾讯云代金券