当前位置: 首页 > 中文手册 > jQuery.fn.extend() 函数详解

jQuery.fn.extend() 函数详解

jQuery.fn.extend()函数用于为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法)

jQuery.fn是jQuery的原型对象,其extend()方法用于为jQuery的原型添加新的属性和方法。这些方法可以在jQuery实例对象上调用。

该函数属于jQuery的原型对象(jQuery.fn)。

语法

jQuery 1.0 新增静态函数

jQuery.fn.extend( object )

参数

参数描述
objectObject类型指定的对象,该对象的每个属性都将被复制到jQuery的原型对象上,从而提供新的jQuery实例方法。

返回值

jQuery.fn.extend()函数的返回值是Object类型,返回jQuery的原型对象(即jQuery.fn)。

示例&说明

请先参考以下HTML示例代码:

姓名:<input id="name" name="name" type="text" >
<br>
<input name="opt" type="checkbox" value="A">A
<input name="opt" type="checkbox" value="B">B
<input name="opt" type="checkbox" value="C">C
<input name="opt" type="checkbox" value="D">D
<br>
<input id="btn" type="button" value="点击">

jQuery.fn.extend()函数的jQuery示例代码如下:

var obj = {
	site: "CodePlayer",
	check: function(){
		// 扩展到jQuery原型上后,这里的this表示当前jQuery对象
		this.prop("checked", true);
		return this;
	},
	isEmpty: function(){
		return !$.trim( this.val() );
	}
};

// 将对象obj的属性和方法扩展到jQuery的原型对象上,以便于jQuery实例对象调用。
$.fn.extend( obj );


$("#btn").click(function(){
	if( $("#name").isEmpty() ){
		alert("姓名不能为空!");
		return false;
	}
	$("[name=opt]").check( ); // 全选复选框
	
	alert( $("body").site ); // CodePlayer
});

运行代码

实际上,如果你也可以在jQuery的原型上自行添加新的属性或方法,例如上面的扩展代码等价于:

$.fn.site = "CodePlayer";

$.fn.check = function(){
	// 扩展到jQuery原型上后,这里的this表示当前jQuery对象
	this.prop("checked", true);
	return this;
};

$.fn.isEmpty = function(){
    return !$.trim( this.val() );
};
43 5
我们认为: 用户的主要目的,是为了获取有用的信息,而不是来点击广告的。因此本站将竭力做好内容,并将广告和内容进行分离,确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信:只有给用户带来价值,用户才会给我们以回报。
CodePlayer技术交流群1CodePlayer技术交流群1

帮朋友打一个硬广告:

P2P网贷系统(Java版本) 新年低价大促销,多年P2P技术积累,系统功能完善(可按需定制,可支持第三方存管、银行存管),架构稳定灵活、性能优异、二次开发快速简单。 另可提供二次开发、安装部署、售后维护、安全培训等一条龙服务。

外行看热闹,内行看门道。可以自信地认为,在系统设计上,比市面上的晓风、迪蒙、方维、绿麻雀、国融信、金和盛等P2P系统要好。
深圳地区支持自带技术人员现场考察源代码、了解主要技术架构,货比三家,再决定是否购买。

也可推荐他人购买,一旦完全成交,推荐人可获得实际售价 10% 的返现。
有意向者,详情请 点击这里 联系,工作时间立即回复。