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+ifunction 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="#" onclick="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));