首页 > 其他分享 > jquery.extend 与 jquery.fn.extend的区别

jquery.extend 与 jquery.fn.extend的区别

时间:2022-09-26 20:55:31浏览次数:48  
标签:jquery jQuery extend function add fn

  1. jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
    2.jquery.fn.extend(object);给jQuery对象添加方法。
    $.extend({
        add:function(a,b){return a+b;}
    });
    //$.add(3,4);
    jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了.

    jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
    $.fn.extend({
        alertClick:function(){
            $(this).click(function(){
                alert($(this).val());
            });
        }
    });

    //页面上为:
    <input id="input1" type="text"/>

     //使用
    $("#input1").alertClick();

标签:jquery,jQuery,extend,function,add,fn
From: https://www.cnblogs.com/bkyjmjweb/p/16732435.html

相关文章

  • 【学习笔记】初始JQuery
    初始JQuery 了解JQueryjQuery和JavaScript的关系:jQuery相当于一个库,里面有大量的JavaScript函数和Java中的工具类差不多。 获取jQuery 官网下载[jquery.co......
  • jQuery
    一、引言1.1jQuery概述1.2jQuery特点1.3为什么要用jQuery二、jQuery安装2.1直接引用jQuery2.2CDN引用2.2.1什么是CDN?2.2.2常见CDN三、jQuery语法【重点】3.1页......
  • JQuery获取Select选中的值
        想要获取到选中的值,你不能在option里面写value要不然获取不到的  想获取文本那就这样写:  这两个并不是一样的......
  • Class<String> 还是 Class< ? extends String>
    Class还是Class<?extendsString>引出问题先上代码点击查看代码Class<String>class01=String.class;Class<?extendsString>class02="h......
  • jquery判断select中是否存在某个value以及进行增加、删除操作
    一、判断select中是否存在值为value的项functionisExistOption(id,value){varisExist=false;varcount=$('#'+id).find('option').length;......
  • jQuery 笔记
    jQueryscript和document.ready首先,在页面顶部添加script标签,记得添加结束标签。浏览器会运行script标签所有的JavaScript脚本包括jQuery。在script标签中......
  • jQuery中attr()、prop()、data()用法及区别
    attr()此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property。prop()此方法jq1.6引入,读/写DOM的propert......
  • Typescript类中extends和implements的作用
    在ES6中,类的继承可以通过extends实现。classAnimal{name;sayHello(){}}classDogextendsAnimal{}//constdog=newDog();//在Dog的实例dog......
  • jquery+echarts(数据可视化图表)
      https://echarts.apache.org/zh/index.html  echarts官网  ApacheECharts支持多种下载方式,可以在下一篇教程安装中查看所有方式。这里,我们以从 jsDelivr......
  • js与jquery实例-拖动改变列宽和行高
     js与jquery实例-拖动改变列宽和行高如何通过javascript或者jquery实现改变表格宽度或者行高的功能?今天就把这个功能代码分享给大家,绝对原创哦,代码少而且易懂。先看效果......