博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【Jquery】- 常用函数(each、extend)
阅读量:6225 次
发布时间:2019-06-21

本文共 1193 字,大约阅读时间需要 3 分钟。

hot3.png

Jquery extend 函数

extend函数: 给对象添加新属性:js插件经常使用来配置参数

var result = $.extend({},item,item1);
  • {}:item和item1合并后的结果
  • item:默认属性
  • item1:新增属性,若item1与item属性重合则会覆盖item1属性
var item={"name":"olive","age":23};var item1={"name":"Momo",sex:"gril"};var result=$.extend({},item,item1);console.log(JSON.stringify(result));$("#Test").text(JSON.stringify(result))

结果:

分析:

结果表明item1 name属性覆盖item name属性,并且item和item1对象的不重叠属性相互不会产生影响,会统一由result对象继承,很多js框架都是通过设置默认的配置,然后通过extend函数,用户可以自定义相关配置,从而达到框架个性化配置


Jquery each 函数

界面

js操作逻辑

//Jquery each函数的第1种用法:最常见  $("#b1").click(function(){   $("select option:selected").each(function(){   //alert($(this).val());  //this表示当前数组objs的成员对象(dom对象)   alert(this.value);    });  });    //Jquery each函数的第2种用法   $("#b2").click(function(){   var $objs=$("select option:selected");   $.each($objs,function(){         alert(this.value);    });  });   //Jquery each函数的第3种用法:如果需要遍历显示数组及下标,该方法比较实用   $("#b3").click(function(){    	   var $objs=$("select option:selected");   $.each($objs,function(i,item){ //item表示objs的成员变量   //alert(item.value);    alert("第"+(i+1)+"个国家:"+$(item).val());   });  });

效果:

转载于:https://my.oschina.net/yangzhiwei256/blog/3016465

你可能感兴趣的文章
PUTTY的使用教程
查看>>
永远的经典-意大利波伦塔蛋糕Polenta Cake
查看>>
[转载] C#面向对象设计模式纵横谈——22 State状态模式
查看>>
HDOJ_ACM_Max Sum
查看>>
LeetCode 141, 142. Linked List Cycle I+II
查看>>
管道函数
查看>>
14.多线程设计模式 - Master-Worker模式
查看>>
机器学习实战——k-近邻算法
查看>>
设计模式——单例模式
查看>>
240. Search a 2D Matrix II
查看>>
php-预定义
查看>>
IntelliTrace 调试、定位异常
查看>>
linux Shell脚本编码格式
查看>>
String方法
查看>>
冲刺第五天
查看>>
php操作mysql与sqlite类
查看>>
Bitmap压缩到指定尺寸大小,获取圆角、圆形图片
查看>>
解决:模态框中使用select2下拉选项无法搜索
查看>>
LeetCode OJ:Min Stack(最小栈问题)
查看>>
什么是FPGA,PAL,EPLD?
查看>>