jQuery中$.extend()用法实例


Posted in Javascript onJune 24, 2015

本文实例讲述了jQuery中$.extend()用法。分享给大家供大家参考。具体分析如下:

$.extend()方法定义如下:

jQuery.extend([deep], target, object1, [objectN])

用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。

看下面的代码就知道怎么用了,请看:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>extendFun</title>
<script src="../scripts/jquery-1.9.0.js" type="text/javascript"></script>
<meta name="author" content="Administrator" />
<!-- Date: 2013-01-30 -->
<script type="text/javascript">
$(function () {
var pageConfig= {};
var pageConfig=$.extend(pageConfig,{
createUrl: '${ROOT}/subject/createOrModifyPageTemplates',
deleteUrl: '${ROOT}/subject/deletePageTemplates',
modifyUrl: '${ROOT}/subject/createOrModifyPageTemplates',
infoName: 'pageTemplateInfo'
});
$("#subm").click(function(){
var posturl= pageConfig.deleteUrl;
alert(posturl);
});
})
</script>
</head>
<body>
<input id="subm" name="subm" type="button" value="clickme" >
</body>
</html>

输出结果:${ROOT}/subject/deletePageTemplates

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Javascript操纵Cookie实现购物车程序
Nov 23 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
基于vue.js无缝滚动效果
Jan 25 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
Jan 14 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 #Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 #Javascript
jquery实现从数组移除指定的值
Jun 24 #Javascript
浅谈关于JavaScript API设计的一些建议和准则
Jun 24 #Javascript
详解JavaScript的策略模式编程
Jun 24 #Javascript
jquery控制页面部分刷新的方法
Jun 24 #Javascript
js实现延迟加载的方法
Jun 24 #Javascript
You might like
php smarty模版引擎中的缓存应用
2009/12/02 PHP
PHP简洁函数小结
2011/08/12 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
Javascript 圆角div的实现代码
2009/10/15 Javascript
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
jQuery 白痴级入门教程
2009/11/11 Javascript
JavaScript 原型学习总结
2010/10/29 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
jquery获取所有选中的checkbox实现代码
2016/05/26 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
详解nodejs通过响应回写的方式渲染页面资源
2018/04/07 NodeJs
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
浅谈javascript错误处理
2019/08/11 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
python3实现字符串操作的实例代码
2019/04/16 Python
在python 中split()使用多符号分割的例子
2019/07/15 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
婚前协议书范本
2014/04/15 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
新手必备Python开发环境搭建教程
2021/05/28 Python