zoukankan      html  css  js  c++  java
  • jquery的扩展方法介绍

        最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是jQuery的扩展方法,jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法,下面一起来看。

    一、方式列表:

      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!");


    【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】




    关注下面二维码,订阅更多精彩内容。
    微信打赏
    关注公众号(加好友):

  • 相关阅读:
    SpringBoot启动流程分析(六):IoC容器依赖注入
    SpringBoot启动流程分析(五):SpringBoot自动装配原理实现
    SpringBoot启动流程分析(四):IoC容器的初始化过程
    Razor语法大全
    VS快捷方式小技巧
    DataTable 修改列名 删除列 调整列顺序
    更改DataTable列名方法
    log4net使用详解
    C#使用Log4Net记录日志
    经典SQL语句大全
  • 原文地址:https://www.cnblogs.com/vipstone/p/2171730.html
Copyright © 2011-2022 走看看