jquery----jquery继承

使用

1、新建js文件

2、在js文件中添加

//$:指jquery，$.extend给jquery扩展方法
$.extend({
      "GDP": function () {
         console.log("哈哈哈哈");
      }
});

3、使用

//在html中直接调用
$.GDP()

　　

高级使用

复杂(1,希望一些函数不可以被外部引用，不可以被修改$)

(function (jq) {
	jq.extend({
		"GDP":function () {
			foo();          //调用内部函数
			console.log("带小红花")
		},   //可以扩展多个（加上逗号在写几个）
		"SGS":function () {
			console.log("你蛤蟆")
		}
	});
	function foo() {
		console.log("英语八级就是牛")
	}
})(jQuery);


(function (jq) {
	jq.fn.extend({
		"BJG":function () {
			foo2();
			console.log("就这样吧")
		}
	});
	function foo2() {
		console.log("哎哎呀")
	}
})(jQuery);

　　

 

 

练习----t.js 文件

// 匿名函数
(function (jq) {  //jq就相当于$
    jq.extend({
        "myValidate": function (form) {
            var formObj = jq(form) ;//赋一个变量，因为我们经常用到
            formObj.find("button").on("click", function () {
                console.log("-------------")
                formObj.find(".form-group").removeClass("has-error");
                formObj.find("span").text("");
                formObj.find(":input").each(function () {
                    if ($(this).val().length === 0) {
                        console.log("111")
                        var name = $(this).prev().text();
                        $(this).parent().addClass("has-error");
                        $(this).next().text(name + "不能为空");
                        return false
                    }
                });
                return false
            });
        }
    })
})(jQuery);

tjs