jQuery extend 命名空间 each 等讲解
2015-02-08 14:13
363 查看
1.extend 扩展
① 基本扩展
② 省略dest参数
③ 基本扩展和深入扩展
2.命名空间
① net 中有json数据
3.jQuery each 函数
① 基本扩展
extend(dest,src1,src2,src3...); var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数
var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
result={name:"Jerry",age:21,sex:"Boy"
② 省略dest参数
$.extend({ hello:function(){alert('hello');} });//合并到jQuery全局对象中
$.fn.extend({ hello:function(){alert('hello');} });//合并到jQuery实例对象中
<script type="text/javascript"> $(document).ready(function (){ $.extend({jqueryAlert:function(){alert("jQuery类method!");}}); $.fn.extend({ alertWhileClick:function(){ alert("jQuery对象method!"); } }); $.jqueryAlert(); }); </script>//比较
③ 基本扩展和深入扩展
//基本扩展; var newSrc1 = jQuery.extend( { name: "jonh", location: { city: "Boston" } }, { last: "Resig", location: { state: "MA" } } ); alert(newSrc1.location.city); //深入扩展; var newSrc2 = jQuery.extend( true, { name: "John", location: { city: "Boston" } }, { last: "Resig", location: { state: "MA" } } ); alert(newSrc2.location.city);深入扩展后,location中的属性变成了两个,而基本扩展确实覆盖
2.命名空间
① net 中有json数据
$.extend({net:[{name:"ggf"},{name:"jack"}]}); $.extend($.net,{ hello:function(){alert('hello');} }); $(document).ready(function(){$.net.hello();alert($.net[1].name);});② net 中没有json数据
$.extend({net:{}}); $.extend($.net,{ hello:function(){alert('hello');} }); $(document).ready(function(){$.net.hello();alert($.net[1].name);});
3.jQuery each 函数
$.each([1,2,3],function(i,val){ //var 就是循环到的实体; //alert(i);次数 //alert(val);值 }); var obj = { one:"o", two:"t", three:"r", four:"f"}; $.each(obj, function(key, val) { //alert(val.one);error //alert(val.key);error //alert(obj.key);error //alert(obj.one);o o o o //alert(key); one two three four //alert(val);o t r f }); var obj2 = [{name:"Jack",age:22},{name:"Marry",age:21}]; $.each(obj2, function(key, val) { //alert(key);1 2 //alert(val.name);Jack Marry //alert(obj2[1].age); }); }
相关文章推荐
- 一些命名空间的讲解
- spring命名空间讲解续
- 在VB.NET命名空间类型简单讲解
- 实例讲解jQuery中对事件的命名空间的运用
- C++编程中的命名空间基本知识讲解
- PHP命名空间例子
- Memcached FAQ(4) 选项、Item过期和命名空间方面的问题
- PHP命名空间规则解析及高级功能
- .aspx 页面引用命名空间
- using与命名空间
- 命名空间“System.Web”中不存在类型或命名空间名称“Optimization”(是否缺少程序集引用?)
- C#学习常用命名空间【1000】---System.Reflection 之Assembly(程序集)类
- System.Collections.Generic 命名空间接口、结构
- c++ 命名空间
- opencv3.0中SiftFeatureDetector不在cv命名空间下的解决办法
- 急!找不到类型或命名空间名称“DataContractAttribute”?
- Flex 操作命名空间
- 解决 命名空间中不存在类型或命名空间名称“App_Code”(是否缺少程序集引用?)的问题
- wcf开启服务 HTTP 无法注册 URL 进程不具有此命名空间的访问权限
- 微软决定弃用OracleClient 命名空间