`
wooden_baby
  • 浏览: 13254 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
最近访客 更多访客>>
社区版块
存档分类
最新评论

JQuery 方法扩展

阅读更多

  1.jQuery.fn.extend 是对jQuery对象的方法进行扩展(类似java类的实例方法)

例如:jquery 本身并不提供 jQuery.color() 这个方法,如果我们需要对jQuery本身提供的方法进行扩展,则我们就需要是用jQuery.fn.extend

jQuery.fn.extend({
    color:function(val){

          if(val==undefined){
          
               return $(this).css("color");
          }else{
     
              return $(this).css("color",val);
          }
    }
})

 这样来使用这个自定义的color方法

$(this).color("red");//对jquery对象进行颜色设置
alert($(this).color());//获取jquery对象的颜色,并用对话框弹出

 2.jQuery.extend  对jQuery对象的扩展,不需要jQuery实例就可以使用(类似java类的静态方法)

例如:自定一个myAdd方法实现求两个数的和

jQuery.extend( {
    myAdd:function(a,b){

        return a+b;
    }
  })

  这样来使用这个自定义的myAdd方法

alert($.myAdd(3, 4));
分享到:
评论

相关推荐

    jQuery方法扩展:type, toJSON, evalJSON

    本文将深入探讨jQuery中的三个特定方法:type、toJSON和evalJSON,这些方法对于处理数据类型检查和JSON数据序列化与反序列化至关重要。 首先,我们来看`type`方法。在JavaScript中,数据类型检测有时会因为动态类型...

    Extending.jQuery—扩展jQuery

    资源名称:Extending.jQuery—扩展jQuery 内容简介:《扩展jQuery》分为4部分,共14章,讲解了为jQuery库创建自定义扩展的方法,从最大可重用性的角度来设计和编写插件的方法,以及为jQuery UI编写小部件和特效的...

    扩展jquery的ajax方法

    扩展jquery的ajax方法,可以处理一些ajax请求的共通问题,比如ajax请求出错之后跳转的问题。

    Jquery 的扩展方法总结

     // jQuery 所选对象扩展方法 二、调用示例: 1.jQuery 本身的扩展方法实例如下: 代码如下: jQuery.extend({ Meg: function (message) { alert(message); }, MegToo: function (messageToo) { alert(...

    jquery 自定义扩展日期插件

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

    Dreamweaver CS3 的 JQuery 扩展软件

    在本案例中,我们讨论的是一个专为Dreamweaver CS3设计的JQuery扩展,它能够增强Dreamweaver的代码提示和辅助功能,帮助开发者更高效地编写JQuery代码。 这个名为"JQuery MX-9 v.0.2.9"的扩展,是针对Dreamweaver ...

    jquery扩展demo

    为jquery编写的扩展,仿easyui,清晰简洁,适合初学者,包含扩展jquery.accordion.js、jquery.combobox.js、jquery.datagrid.js、jquery.datebox.js、jquery.dialog.js、jquery.form.js、jquery.layout.js、jquery....

    JQuery Expand扩展条Demo

    3. **初始化插件**: 使用jQuery选择器找到元素,并调用`jExpand()`方法进行初始化,可以传递自定义参数。 4. **应用样式**: 根据需要自定义触发器和内容区的CSS样式,以符合整体页面设计。 5. **测试与调试**: ...

    第十四课 扩展jquery方法-011

    本节课我们将深入探讨如何扩展 jQuery 的功能,包括工具方法和实例方法的扩展,以便更好地满足项目需求。 一、扩展工具方法 jQuery 提供了一个 `jQuery.extend()` 方法,用于向 jQuery 对象本身添加新的方法。这些...

    Dreamweaver安装jquery扩展

    在Dreamweaver这款强大的Web开发工具中,安装jQuery扩展可以帮助开发者更高效地构建动态网页。下面我们将详细讲解如何在Dreamweaver中安装jQuery扩展,以及相关的知识点。 首先,了解jQuery扩展的作用。jQuery扩展...

    jquery ui dialog 扩展

    《jQuery UI Dialog扩展详解》 在前端开发中,jQuery UI Dialog是一个非常实用的组件,它提供了弹出对话框的功能,可以用于警告、确认、信息提示等场景。这篇内容将深入探讨jQuery UI Dialog的扩展,包括如何自定义...

    jquery.validate 扩展身份证校验方法

    ### jQuery.validate 扩展身份证校验方法 在前端开发中,对用户输入的数据进行校验是非常重要的一步,它能够帮助开发者提高数据的准确性和安全性。本文将详细介绍如何使用`jQuery.validate`插件来扩展身份证号码的...

    Dreaweaver jquery api扩展.zip

    Dreamweaver jQuery API扩展是Adobe Dreamweaver中的一个插件,它为开发人员提供了一种更方便的方式来集成jQuery库到他们的Web项目中。这个扩展增强了Dreamweaver的内置功能,使得用户可以更直观、高效地编写jQuery...

    jquery语法提示扩展

    《jQuery语法提示扩展在Dreamweaver中的应用》 在网页开发过程中,JavaScript库jQuery以其简洁易用的API和强大的功能,成为了许多开发者首选的工具。然而,在编写代码时,手动输入完整的jQuery函数和方法可能会耗费...

    jQuery动画扩展(个人专属版)

    jQuery动画扩展是jQuery库的一个重要组成部分,它极大地丰富了网页动态效果的实现方式,使得开发者可以轻松地创建出各种复杂的视觉交互。这个个人专属版集合了作者在网上精心搜集的jQuery动画资源,旨在为开发者提供...

    基于jQuery的扩展实现alert,confirm弹出层

    本案例就是这样一个解决方案,基于广泛使用的jQuery库进行扩展,实现了自定义样式的`alert`和`confirm`功能,并且支持回调函数,以满足更复杂的交互需求。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML...

    jQuery_Pagination扩展版本

    其基本使用方法包括引入jQuery库和Pagination插件的JavaScript及CSS文件,然后通过JavaScript代码配置分页参数并绑定到数据源。 ### 二、扩展功能 扩展版本的jQuery Pagination增加了以下功能: 1. **自定义样式*...

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    这篇文章将指导你如何构建一个自己的jQuery插件,理解jQuery扩展的核心原理。 首先,我们要明白jQuery插件的本质是一个包装在jQuery对象上的函数。在jQuery中,我们经常看到这样的匿名函数结构: ```javascript ...

    jQuery ui Combobox 扩展

    **jQuery UI Combobox扩展**是基于流行的JavaScript库jQuery和其UI框架jQuery UI的一个自定义组件。这个扩展将传统的HTML `<select>` 元素转化为一个功能更丰富、交互性更强的下拉框,提供了更好的用户体验。它结合...

    4、jQuery原理,模拟实现jQuery扩展1

    然后,通过扩展方法,如 `click`, `show`, `hide` 等,来实现基本的 DOM 操作。最后,通过原型链扩展,实现插件化机制,允许用户自定义方法和行为。 总结: jQuery 的主要作用在于简化 JavaScript 编程,尤其是 ...

Global site tag (gtag.js) - Google Analytics