【Jquery】- 經常使用函數(each、extend)

Jquery extend 函數

extend函數： 給對象添加新屬性：js插件常用來配置參數

var result = $.extend({},item,item1);

• {}：item和item1合併後的結果
• item:默認屬性
• item1:新增屬性，若item1與item屬性重合則會覆蓋item1屬性

<span id="Test"></span>
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 函數

界面

<input type="button" id="b1" value="方法1"><br>
  <input type="button" id="b2" value="方法2"><br>
  <input type="button" id="b3" value="方法3"><br>

  <select size=3 multiple="multiple">
  <option>美國</option>
  <option>中國</option>
  <option>德國</option>
  <option>法國</option>
  <option>德國</option>
  <option>法國</option>
  <option>英國</option>
  </select>

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());
   });
  });

效果：