jQuery 扩展方法

最新推荐文章于 2025-09-10 14:53:18 发布

weixin_30326741

最新推荐文章于 2025-09-10 14:53:18 发布

阅读量75

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/klvchen/p/10564624.html

该博客主要介绍了 JavaScript 相关内容，包括自定义 getmax 函数并使用 $ 调用、自定义 print 函数通过 html 标签调用、匿名函数调用，以及给自定义函数增加私有域。

一：自定义 getmax 函数，使用 $ 调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
</body>
<script>
    $.extend({
        getmax:function (x, y){
            return x>y?x:y
        }
    })
    alert($.getmax(3,1))
</script>
</html>

二：自定义 print 函数，使用 html标签调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<p>hello p</p>
</body>
<script>
    $.fn.extend({
        print:function(){
            console.log($(this).html())
        }
    })
    $("p").print();
</script>
</html>

三：匿名函数调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>

</body>
<script>
    f=function(){
        alert(123)
    }
    f()

    (function(x){
        alert(x)
    })(123)
</script>
</html>

四：给自定义函数增加私有域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<p>hello p</p>
</body>
<script>
// 私有域
    (function(){
        var num = 1;
        $.fn.extend({
            print:function(){
                console.log($(this).html())
            }
        })

    })()
    $("p").print()
</script>
</html>

或

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<p>hello p</p>
</body>
<script>
// 私有域
    (function($){
        var num = 1;
        $.fn.extend({
            print:function(){
                console.log($(this).html())
            }
        })

    })(jQuery)
    $("p").print()
</script>
</html>

转载于:https://www.cnblogs.com/klvchen/p/10564624.html