jQuery.fn.extend()

发布时间:2020-05-23 02:25:08发布者:admin浏览数:

要想了解此方法的用法,建议首先了解jquery.fn,先看一下jQuery的中相关的源代码:

[JavaScript] 纯文本查看 复制代码

jQuery.fn = jQuery.prototype = {  init: function( selector, context ) {//….    //…… };

可见jQuery.fn作用等同于jQuery.prototype。所以jquery.fn.extend()功能是为jQuery实例对象添加方法和属性,也就是jQuery对象实例才可以调用的方法和属性。

语法结构:

[JavaScript] 纯文本查看 复制代码

jQuery.fn.extend(object)

参数解析:

object:一个对象,用来合并到jQuery的原型对象。

jQuery1.0版本添加。

代码实例:

[HTML] 纯文本查看 复制代码运行代码

<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><script src="https://code.jquery.com/jquery-3.0.0.js"></script><script>$(document).ready(function(){ $.fn.extend({ check: function () { return this.each(function () { this.checked = true; }); }, uncheck: function () { return this.each(function () { this.checked = false; }); } }); $("input").check()})</script></head><body><input type="checkbox" value="1"/><input type="checkbox" value="2" /></body></html>

为jQuery对象实例添加两个方法,可以实现复选框的全选和全不选。

  网站建设分类
程序开发 |  系统教程 |  软件应用 |  图形图像 |  网络应用 |  站长教程 |  网站建设 |  视频教程 |  硬件维护 |  IT资讯 |  中国it动力网
本站发布的系统与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!
如侵犯到您的权益,请及时通知我们,我们会及时处理。
Copyright @ 2019 中国it动力网 网站导航