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