`
feitianmao
  • 浏览: 5119 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Jquery自定义插件1 自定义简单插件

 
阅读更多

学习jquery我觉得应该先了解基本用法后,再跳到后面学习自定义的插件。所谓知其然,才能知其所以然。
下面这个例子,也列举了调试过程中的小细节
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
        "http://www.w3.org/TR/html4/loose.dtd">  
<html> 
<style type="text/css">

</style> 
<head>  
    <title>自定义插件</title>  
//直接用jquery地址导入jquery包
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
//简单自定义插件,为避免个插件命名重名的情况
jQuery.alertFunction = function(){
alert("自定义插件");
};
//functionOne和functionTwo是作为myplugin对象的属性,属性之间用,隔开
$.myplugin={
functionOne: function(){
alert("one");
},
functionTwo: function(param){
alert(param);   //
}
};
</script>
<script type="text/javascript">
$(document).ready(function(){
$.alertFunction();
$.myplugin.functionOne();
$.myplugin.functionTwo("hehe");//hehe一定要是定义的值,要不会出错,可以用”“,也可以用''
});

</script>
</head>  
<body>  

</body>  
</html> 
 
分享到:
评论

相关推荐

    jQuery自定义下拉框插件

    jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件

    jquery 自定义插件,模仿jquery easy ui,修改版

    jquery 自定义插件,模仿jquery easy ui,修改版

    UI JQuery自定义滚动条插件.zip

    UI JQuery自定义滚动条插件是 jquery自定义滚动条的UI JQuery插件。 UI JQuery自定义滚动条插件演示图: 点击查看演示:

    jquery 自定义插件

    jquery 自定义插件,模仿jquery easy ui,

    jquery自定义滚动条插件

    **jQuery自定义滚动条插件**是一种用于增强网页滚动体验的工具,尤其在现代Web设计中,为了提供更美观和个性化的界面,自定义滚动条变得越来越重要。本插件适用于IE8及以上的浏览器,允许开发者对滚动条的外观和行为...

    jquery自定义插件命名空间问题

    本文将深入探讨“jQuery自定义插件命名空间问题”,这涉及到如何优雅地组织和管理自定义的jQuery扩展,以避免冲突并保持代码的可维护性。 首先,了解jQuery插件的基本结构至关重要。一个简单的jQuery插件通常会定义...

    jquery 封装select实现select自定义样式插件jquery.easydropdown.min.js

    《jQuery封装Select实现自定义样式插件:jquery.easydropdown.min.js》 在Web开发中,Select元素是常用的数据选择控件,但其默认样式通常较为单一,无法满足设计师们对界面美观度的需求。jQuery库为我们提供了丰富...

    jQuery自定义插件开发基础1——jQuery实用函数的实现

    在本文中,我们将深入探讨jQuery自定义插件的开发基础,特别是如何实现jQuery实用函数。首先,我们需要了解jQuery的核心理念,它是一个轻量级的JavaScript库,极大地简化了DOM操作、事件处理、动画效果和Ajax交互。...

    cool的JQuery自定义select

    "cool的JQuery自定义select"就是为了解决这个问题而出现的一个插件,它通过jQuery库对select元素进行了美化,提供了简洁且易于使用的界面,增强了用户体验。 jQuery是一款强大的JavaScript库,它简化了JavaScript的...

    jQuery自定义图片标注插件.zip

    《jQuery自定义图片标注插件详解》 在Web开发中,图片标注功能常常用于地图标记、产品细节展示、图像编辑等领域。jQuery作为一个轻量级、高性能的JavaScript库,提供了丰富的API来实现各种交互效果,包括图片标注。...

    jquery自定义调查问卷插件

    《jQuery自定义调查问卷插件深度解析》 在IT领域,尤其在Web开发中,创建交互性强、用户体验良好的调查问卷是常有的需求。jQuery作为一款轻量级的JavaScript库,以其简洁的API和丰富的插件生态,使得实现这一功能变...

    jQuery自定义日历事项查看代码.zip

    【jQuery自定义日历事项查看代码】是一款基于JavaScript库jQuery实现的日历插件,主要用于增强网页中的日期选择和事件查看功能。此插件的核心在于提供一个直观、易用且高度可定制的日历界面,帮助用户方便地查看和...

    带图标的jQuery自定义下拉框插件

    通过深入研究这些文件,开发者不仅可以了解如何使用这个带图标的jQuery自定义下拉框插件,还能学习到如何结合CSS、JavaScript以及图标库来提升网页的交互性和视觉效果。对于希望提升Web应用用户体验的开发者来说,这...

    jquery 右键自定义上下文菜单插件

    本话题聚焦于一个jQuery插件,即"jquery 右键自定义上下文菜单插件",这个插件允许开发者为网页中的元素创建个性化的右键菜单,提供了丰富的定制选项和便捷的API接口。 首先,让我们理解一下“上下文菜单”的概念。...

    jQuery自定义数字滚动插件.zip

    jQuery自定义数字滚动插件是一种基于JavaScript库jQuery的特效实现,用于展示动态的数字滚动效果。这个插件通常被用于统计数字、计数器或实时更新的数据展示,比如页面访问量、股票价格、销售数量等。它能为网站增添...

    Jquery 自定义可移动的插件弹窗

    本插件即为基于 jQuery 的可移动弹窗实现,旨在提供一种简单易用、功能实用的解决方案。 首先,我们需要理解 jQuery 的基本用法。jQuery 通过选择器(如 `$("#elementID")`)选取 HTML 元素,然后对选中的元素进行...

    jquery 自定义扩展日期插件

    《jQuery自定义扩展日期插件详解》 在前端开发中,日期组件是不可或缺的一部分,它为用户提供了方便的日期选择和操作功能。本篇文章将详细探讨一个基于jQuery的可扩展日期插件,该插件允许在日期上进行编辑并保存,...

    jQuery自定义标签选项卡插件.zip

    在这个“jQuery自定义标签选项卡插件”中,开发者提供了一个功能丰富的解决方案,用于创建用户友好的界面元素,特别是选项卡式布局。 选项卡(Tab)是一种常见的UI设计模式,它允许用户在多个相关的视图之间切换,...

    jQuery自定义弹窗功能插件

    针对"jQuery自定义弹窗功能插件"这一主题,我们将重点关注以下几个关键知识点: 1. **jQuery基础知识**:在开始自定义弹窗之前,我们需要了解jQuery的基本语法,如选择器(用于选取HTML元素)、DOM操作(添加、删除...

    jQuery自定义下拉框.zip

    3. **JavaScript事件处理**:在jQuery自定义下拉框中,事件处理是关键。常见的事件有点击事件(`.click()`)、鼠标悬停事件(`.mouseover()/.mouseout()`)以及键盘事件(`.keydown()/.keyup()`)。这些事件用于控制...

Global site tag (gtag.js) - Google Analytics