Jquery 继承

最新推荐文章于 2022-03-22 18:00:22 发布

howie_lv

最新推荐文章于 2022-03-22 18:00:22 发布

阅读量602

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/fei2253/article/details/51873112

版权

JS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery-2.2.1.min.js"></script>
    <script>
        //$.extend 方式 继承  ，通过 $.*** 调用  类似于 $.trim()
        $.extend({
           myFunction:function (_id) {
               $("#"+_id).click(function () {
                   alert( $("#"+_id).val());
               })
           }
        });
        //$.fn.extend 方式 继承 ，通过 jquery元素调用 .  //类似于 $("#myId").click()
        $.fn.extend({
            alertWhileClick:function(){
                $(this).click(function(){
                    alert($(this).val());
                });
            }
        });
        $(function () {
            //$.extend 方式调用
            $.myFunction("extend");
            //$.fn.extend 方式调用
            $("#fnExtend").alertWhileClick();

        });

    </script>
</head>
<body>
<button id="fnExtend" value="111">$.extend</button>
<button id="extend" value="222">$.fn.extend</button>
</body>
</html>