JQuery學習筆記(二)——簡單操作+data方法

jQuery 數據 - jQuery.data() 方法

實例

向元素附加數據，然後取回該數據：

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

定義和用法

data() 方法向被選元素附加數據，或者從被選元素獲取數據。

註釋：這是底層級的方法；使用 .data() 更加方便。

從元素返回數據

從被選元素中返回附加的數據。

語法

$(selector).data(name)

參數	描述
name	可選。規定要取回的數據的名稱。 如果沒有規定名稱，則該方法將以對象的形式從元素中返回所有存儲的數據。

向元素附加數據

向被選元素附加數據。

語法

$(selector).data(name,value)

參數	描述
name	必需。規定要設置的數據的名稱。
value	必需。規定要設置的數據的值。

使用對象向元素附加數據

使用帶有名稱/值對的對象向被選元素添加數據。

語法

$(selector).data(object)

參數	描述
object	必需。規定包含名稱/值對的對象。

以上來自：http://www.w3school.com.cn/jquery/data_jquery_data.asp

實例：

 $("li").data("data"+i,data[i]);//i爲循環變量  data[i] 爲obj  存入data[i]數據，name爲 data+i

function passValue(num){
        $("li").data("data"+num);
//根據不同的num取出不同的data存儲的值
}

JQuery簡單操作

判斷爲空：$("#companyName").val() == ""

賦值爲空：$("#companyId").val("");

清空子節點：$("#searchResult").empty();  

取節點text：$("#searchResult").text();

插入子節點：

 var $li=$('<li id="li_'+i+'" style="background: url(../images/mapSearch/icon_'+(i+1)+'.png) no-repeat 0;">'+
						 '<a href="#" οnclick="passValue('+i+');"><div class="class1">'+data[i].name+'</div><div class="class2">發生地點：'+data[i].address+"</div></a></li>");
 $("#searchResult").append($li);

字符串操作：

	var str=$("#li_"+num).text();
	$("#companyName").val(str.substr(0,str.indexOf("發")));//取子串  查找目的字符
	$("#accPlace").val(str.substr(str.indexOf("發")+5,str.length));