`
keimon
  • 浏览: 72842 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

jquery-简单插件编写

 
阅读更多

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<style>
div{
  width:50px;
  height:50px;
  display:block;
}
#div1{
  color:#00F;
}
#div2{
  color:#F00;
}
#div3{
  color:#0F0;
}
</style>
</head>

<body>
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<script type="text/javascript">
//插件的简单例子:
//1、插件的对象方法;
/*
;(function($){
   $.fn.extend({
      color:function(value){
      if(value==''|| value==undefined){
      return this.css('color');
   }else{
         return this.css('color',value);
   }
   }
   })
})(jQuery);

for(var i=0; i<$('div').length; i++){
  $('div').eq(i).mouseover(function(){
     alert($(this).color())
  })
}
*/

//2、插件的全局函数;
;(function($){
   $.extend({
     col:function(obj){
     return obj.css('color');
  }
   })
})(jQuery)

for(var i=0; i<$('div').length; i++){
  $('div').eq(i).mouseover(function(){
     alert($.col($(this)))
  })
}
</script>
</body>
</html>

0
2
分享到:
评论

相关推荐

    jquery-validate-1.4.0

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    jquery-easyui-1.2.6

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    jquery-easyui-1.5.5.zip

    easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    jquery-1.8.2文档

    jquery-1.8.2文档编写js的首要选择,其强大的技术能力相信我也不必多说,这里还提供了jQuery扩展和jquery中的spket插件以及jQuery API。相信很全面。

    jquery-easyui-1.3.5.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    最新版jquery-easyui-1.7.0.rar

    easyui是一种基于jquery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序提供必要的功能。 使用easyui可以不需要写很多代码,只需要通过编写一些简单html标记,就可以定义用户界面。 easyui是...

    jquery-easyui-1.5.5.4.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...

    jquery-1.8.0.js

    jQuery是一个快速,小巧,功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和...通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式

    jquery-patterns, 用于启动插件开发的各种jQuery插件模式.zip

    jquery-patterns, 用于启动插件开发的各种jQuery插件模式 插件插件插件模式 因此,你已经尝试了模板,或者编写了一些你自己的插件。 他们工作的程度和可以读性,但是你对学习的感兴趣,如果有更好的方式可以以结构。...

    jquery-easyui-1.2.5

    jquery-easyui是常用的jquery插件之一,利用它可以编写少量的js代码就能运行出比较华丽的js效果。

    jquery -- select美化--多级联动下拉

    jQuery 插件编写的select三级联动,多级联动,修改方便,扩展方便

    jquery-easyui-1.5.4.5

    开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,...

    jquery-easyui-1.2.1

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    eclipse插件 - jQuery

    我们在编写js的时候,如果采用了jquery框架,当然很希望Eclipse能帮我们完成代码自动完成的功能了,但Eclipse默认只是支持js的代码自动完成,利用这个插件,可以让Eclipse支持jquery的代码自动完成功能(前提:...

    最新JQuery-easyui脚本

    easyui是一种基于jQuery的用户界面插件集合,为创建现代化,互动,JavaScript应用程序,提供必要的功能,使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui是个完美...

    jquery-ui-bootstrap

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...

    jquery插件编写指南

    这里提供最基础的jquery插件编辑方法,为jquery插件学习者提供帮助。

    jquery-easyui-1.5.1-中文版API

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...

Global site tag (gtag.js) - Google Analytics