jQuery $.fn.extend()方法类插件

一、为JQuery原型扩展新的属性和方法,然后在JQuery的实例对象上调用

在 jQuery 中,我们可以使用$.fn.extend()方法来定义一个方法类插件。方法类插件就是首先你使用 jQuery 选择器来获取一个 jQuery 对象,然后针对你获取的这个 jQuery 对象添加一个方法。

//格式
(function($){
    $.fn.extend({
        "插件名": function(参数){
            ……
        }
    });
})(jQuery);

(function(){})() 是 JavaScript 立即执行函数,这种语法在实际开发中经常用到。

<script>
$(function () { 
    $.fn.extend({
        check: function() {
            return this.each(function() {
                this.checked = true;
            });
        },
        uncheck: function() {
            return this.each(function() {
                this.checked = false;
            });
        }
    });
    // 使用新创建的.check() 方法
    $( "input[type='checkbox']" ).check();
})
</script>

 

posted @ 2022-05-05 11:38  派大没有星  阅读(94)  评论(0)    收藏  举报