`
cheeruplc
  • 浏览: 114995 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery自定义拓展方法

阅读更多
本文转自:http://www.th7.cn/web/ajax/2011/10/28/3821.shtml 写得很精简
一、方式列表:
  1.jQuery.extend(Object);   // jQuery 本身的扩展方法
  2.jQuery.fn.extent(Object);  // jQuery 所选对象扩展方法
二、调用示例:
  1.jQuery 本身的扩展方法实例如下:
代码如下:

jQuery.extend({
Meg: function (message) {
alert(message);
},
MegToo: function (messageToo) {
alert(messageToo);
}
});


  页面调用:
jQuery.Meg("Hi,Stone");

  其中Meg和MegToo为我的jQuery自定义扩展方法,多个扩展方法之间用英文逗号隔开。
  2.jQuery 所选对象扩展方法有两种书写方式。
   a)jQuery 所选对象扩展方法实例一如下:
代码如下:

jQuery.fn.extend({
ShowHtml: function (showhtml) {
jQuery(this).html(showhtml);
}
});


   页面调用:
jQuery("#htmlDiv").ShowHtml("Stone,Hi!");

   其中ShowHtml为我的jQuery所选对象的扩展方法,多个扩展方法之间用英文逗号隔开。
   b)jQuery 所选对象扩展方法实例二代码如下:
代码如下:

(function (jq) {
jq.fn.ShowHtmlToo = function (showhtml) {
jQuery(this).html(showhtml);
};
})(jQuery)


   调用相同与方式一:
jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");
分享到:
评论

相关推荐

    jquery easyui图标拓展

    拓展图标使用方法与默认图标类似,只需要找到对应的类名,然后将其添加到元素中。例如,如果拓展中有一个名为"icon-edit-color"的图标,我们可以这样使用: ```html <i class="icon-edit-color"></i> ``` 为了正确...

    jQuery+bootstrap可视化表单拖拽编辑,自定义拖拽设计表单

    代码简介:jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单,可自定义拖拽控制生成表单,预览表单,表单各种属性可通过json格式的配置来处理控制表单的各个属性,看起来非常的高大上,...

    jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)

    一个jQuery插件通常是用来增强原有jQuery对象的功能,允许开发者自定义行为。以下是一个简单的jQuery插件示例: ```javascript // 使用立即执行函数表达式(IIFE)包裹代码,避免污染全局命名空间 ;(function($) { /...

    jquery.KinSlideshow焦点图插件可以自定义方向滚动的焦点图片切换.zip

    jQuery KinSlideshow是一款强大的焦点图插件,它允许用户自定义方向进行滚动切换,为网页的动态展示提供了丰富的可能性。这款插件以其灵活的配置选项和简洁的API,深受前端开发者喜爱。本文将深入探讨jQuery ...

    Beginning jQuery:From the Basics of jQuery to Writing your Own Plug-ins

    6. **jQuery插件开发**:深入部分,读者将学习如何设计和实现自定义的jQuery插件,包括插件结构、命名空间、选项和回调函数的使用,从而拓展jQuery的功能。 7. **源码分析**:附带的源代码可以帮助读者更好地理解和...

    jquery.event.drag jquery拖动插件

    五、优化与拓展 1. **兼容性处理**:虽然插件主要针对现代浏览器,但也可以考虑对IE8等旧版浏览器的兼容性优化。 2. **限制拖动范围**:通过设置边界,限制元素只能在特定区域内拖动。 3. **与其他插件结合**:如...

    jQuery表单验证插件validate支持拓展.zip

    除了基本的验证功能,validate插件还支持拓展,可以添加自定义验证方法,或者使用社区提供的扩展插件,例如: - **自定义验证方法**:通过`$.validator.addMethod()`定义新的验证规则,例如检查密码强度。 - **使用...

    JQuery第七章上机练习和课后作业

    jQuery简化了AJAX(异步JavaScript和XML)操作,`$.ajax()`, `$.get()`, `$.post()`等方法让数据的获取和发送变得容易。在第七章的作业中,你可能需要构建一个简单的Ajax请求,如从服务器获取数据并在不刷新页面的...

    jquery多风格多功能滚动特效代码插件jquery.liMarquee.js下载.zip

    接着,通过CSS选择器选中需要添加滚动效果的元素,并调用`$.fn.liMarquee`方法初始化插件,如下所示: ```html <script src="path/to/jquery.js"> <script src="path/to/jquery.liMarquee.js"> $(document).ready...

    jquery的颜色选择插件

    使用时,开发者需要在页面中引入jQuery库和"jquery-color.js",然后通过jQuery的选择器和方法来激活颜色选择功能。 三、使用方法 1. 引入库文件:首先确保页面中已经引入了jQuery库,接着引入"jquery-color.js...

    jQuery2.1.3

    这些插件极大拓展了jQuery的功能,满足了各种复杂应用场景的需求。 总结,jQuery2.1.3作为一个高效、易用的JavaScript库,为开发者提供了丰富的功能和强大的性能。无论是初学者还是经验丰富的开发者,都能从中受益...

    jquery弹出美化提示框jqueryAlert

    本文将深入探讨“jquery弹出美化提示框jqueryAlert”这一主题,包括其核心特性、使用方法和实际应用。 jQueryAlert是jQuery的一个扩展插件,专门用于创建美观且高度可定制的提示对话框。与原生JavaScript或jQuery...

    jQuery.jquery-finger—左右自适应全屏幻灯片切换

    - **拓展功能**:你可以结合其他 jQuery 插件或自定义脚本,实现如图片预加载、视频嵌入等功能,进一步丰富幻灯片的内容。 总结来说,`jQuery.jQuery-finger` 提供了一个强大而灵活的全屏幻灯片解决方案,通过其...

    GanttView:基于JQ的一款灵活高效,支持自定义拓展的甘特图日程图插件

    基于JQ的一款灵活高效,支持自定义拓展的甘特图/日程图插件 支持月/周/小时等显示方式 支持拖动改变时间 展开与收起 添加/删除,刷新 节假日高亮 clicked,dblClicked,changed事件 ... 如果显示不出来图片信息,请...

    jQuery loading加载动画特效

    此外,还可以使用animate()方法自定义动画效果,包括改变宽度、高度、透明度等属性。 三、jQuery loading动画原理 加载动画通常在页面内容还未完全加载完毕时显示,以告知用户页面正在准备中。这种动画可以是简单的...

    Learning+jquery中文版

    `fadeIn()`, `fadeOut()`, `slideToggle()`等方法创建平滑的视觉效果,而`animate()`函数则可以自定义动画效果,如改变元素的位置、大小、透明度等。这些动画功能让网站更具动态性和吸引力。 在Ajax方面,jQuery...

    jquery滚动字幕

    通过`$.fn.extend()`扩展自定义的jQuery方法,或者直接在元素选择器后调用`animate()`方法,指定滚动的距离、速度、缓动效果等参数。 4. 触发滚动:根据需求,可以选择页面加载时自动开始滚动,或者用户触发(如点击...

    jquery-ui-1.8.21

    4. 拓展功能:jQuery UI 还提供了事件处理和插件扩展机制,方便开发者进行功能扩展和交互设计。 总结,jQuery UI 1.8.21 是一个强大的前端开发工具,它的组件丰富、可定制化程度高,对于构建功能完善的Web应用具有...

    jquery validate添加自定义验证规则(验证邮箱 邮政编码)

    jQuery Validate插件提供了`$.validator.addMethod`方法用于添加自定义验证规则。这个方法接受三个参数:规则名称(name)、验证函数(method)和错误提示信息(message)。 首先,我们需要定义验证规则名称,比如...

Global site tag (gtag.js) - Google Analytics