拓展jquery 方法

╰半夏微凉° 2023-07-25 08:45 7阅读 0赞

## 拓展jquery ##

[转载地址][Link 1]

1.给jquery绑定方法

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
      <script> // 方法 1 // jQuery.方法名 = function (参数) { // // 执行语句 // } jQuery.log = function (t) { console.log(t) } $.log('log方法') // 方法 2 // jQuery.extend({ // 方法名1: function (参数) { // // 方法名1 执行语句 // }, // 方法名2: function (参数) { // // 方法名2 执行语句 // }, // }); jQuery.extend({ log: function (t) { console.log(t) } }) $.log('log方法') </script>

2.给dom元素绑定方法

//示例 jQuery.fn.方法名 = function(参数){}
    jQuery.fn.bgRed = function(){ 
        this.css("background-color", "red")
    }
    jQuery.("#demo").bgRed();

3.工作中写法

// 为什么要用(function(jq))(jQuery);
        // 这是为了防止定义的变量或者方法名重复，修改到jQuery源码
        (function ($) { 
            // 对象方法
            $.jqMethod = function (value) { 
                // 自定义参数，json格式，用于在方法中使用
                console.log(value);
            }    
    	// dom 元素方法 这个地方如果要添加多个dom方法 可以借助extend ，如下
        $.extend($.fn, { 
            domMethod2: function (value) {  // 方法1
                console.log(value);
            },
            domMethod3:function (option) {  // 方法2
                // 执行语句
            }
    });
    })(jQuery);
     
    //调用
    $.jqMethod("jqMethod测试"); // 输出jqMethod测试
    $("#demo").domMethod2("domMethod2测试"); // 输出domMethod2测试

*  rem
 *  手机端适应
 *  浏览器缓存 (disk cache) (memory cache)
 *  浏览器输入网址到看到的过程

[Link 1]: https://blog.csdn.net/liuxin00020/article/details/84991684

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关 Springboot+MySQL+JPA Ⅵ find拓展方法

前言之前我们详细了解了findById和findAll以及findAll的分页查询，如果说JPA只有上面的两种查询功能，那就太low了，今天让我们再深入的去探究一下其他

谁践踏了优雅/ 2024年03月23日 15:39/ 0 赞/ 97 阅读

相关 jquery方法

1.shift():该方法用于将数组中的第一个元素删掉，如： var colors = \[“red”, “white”, “blue”, “green”\]; var

r囧r小猫/ 2024年02月18日 22:16/ 0 赞/ 59 阅读

相关 Springboot + MySQL+ JPA Ⅴ find拓展方法

JPA除了自带的几个比较常用的接口外，还提供了许多可以自由组合的拓展接口，这些接口需要再dao层进行自定义，很多接口从名字上就能知道其作用，也是比较方便的。 <table>

深碍√TFBOYSˉ_/ 2023年10月02日 15:55/ 0 赞/ 8 阅读

相关拓展jquery 方法

拓展jquery [转载地址][Link 1] 1.给jquery绑定方法 <script src="https://cdn.staticfile.org/j

╰半夏微凉°/ 2023年07月25日 08:45/ 0 赞/ 8 阅读

相关 jquery方法

each map attr prop 事件绑定与解绑bind unbind scrolltop 事件冒泡和默认行为event.stopPropagati

我会带着你远行/ 2022年11月05日 12:48/ 0 赞/ 166 阅读

相关 C#—拓展方法

/ 拓展方法实例。实例运行后，要求输入成绩。如果输入的成绩大于或者等于0，将显示有效的成绩，否则将显示无效的成绩。 / using Sys

╰+哭是因爲堅強的太久メ/ 2022年07月28日 11:56/ 0 赞/ 228 阅读

相关 JavaScript实现计算器方法拓展

一、最终效果由于主要是逻辑的实现，就没有过多的样式，效果图如下 ![20180723160600.png][] HTML代码 <div id="cal

浅浅的花香味﹌/ 2022年05月19日 08:56/ 0 赞/ 277 阅读

相关 es5数组拓展，map映射方法

map()方法的详解： > array.map(function(currentValue,index,arr), thisValue);传参与forEach或者Filter

比眉伴天荒/ 2022年04月04日 14:58/ 0 赞/ 431 阅读

相关 es5数组拓展，Filter过滤方法

Filter方法详解： > array.filter(function(currentValue,index,arr), thisValue);该方法与forEach()类似

你的名字/ 2022年04月04日 14:54/ 0 赞/ 514 阅读

相关 String拓展：intern()方法

String s1 = new String("1") + new String("1");//s1变量记录的地址为：new String s1.intern(

港控/mmm°/ 2021年09月03日 06:07/ 0 赞/ 425 阅读