JQuery中each解析
来源:互联网 发布:网络销售外汇好做吗 编辑:程序博客网 时间:2024/06/14 07:47
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
.red{ background:Red;}
</style>
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("input:[name=names]").click(function(){
$(this).attr("class","red");
var arr=new Array();
$("input:checked").each(function(key,value){
arr[key]=$(value).val();
});
$("#initInfo").html(arr.join(","));
});
var links="<p><a href='http://www.baidu.com'>百度</a></p>";
//links.text("摆渡");
$("#initInfo").append(links);
});
$(function(){
var data={"百度":"http://www.baidu.com","新浪":"http://www.sina.com"};
$.each(data,function(key,value){
var tr="<tr><td>"+key+"</td><td><a href="+value+">"+key+"</a></td><tr>";
$("#table1").append(tr);
});
var s=$("#redinfo li[class=red]").remove();
$("#redinfo").append(s);
//$("#redinfo li[class=red]").removeClass("red");
});
</script>
</head>
<body>
<input type="checkbox" name="names" value="tom" />tom
<input type="checkbox" name="names" value="jom" />jom
<input type="checkbox" name="names" value="ss" />ss
<input type="checkbox" name="names" value="dd" />dd
<input type="checkbox" name="names" value="ff" />ff
<p id="initInfo"></p>
<table id="table1">
</table>
<ul id="redinfo">
<li>11</li>
<li class="red">22</li>
<li>33</li>
<li class="red">44</li>
<li>55</li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
.red{ background:Red;}
</style>
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("input:[name=names]").click(function(){
$(this).attr("class","red");
var arr=new Array();
$("input:checked").each(function(key,value){
arr[key]=$(value).val();
});
$("#initInfo").html(arr.join(","));
});
var links="<p><a href='http://www.baidu.com'>百度</a></p>";
//links.text("摆渡");
$("#initInfo").append(links);
});
$(function(){
var data={"百度":"http://www.baidu.com","新浪":"http://www.sina.com"};
$.each(data,function(key,value){
var tr="<tr><td>"+key+"</td><td><a href="+value+">"+key+"</a></td><tr>";
$("#table1").append(tr);
});
var s=$("#redinfo li[class=red]").remove();
$("#redinfo").append(s);
//$("#redinfo li[class=red]").removeClass("red");
});
</script>
</head>
<body>
<input type="checkbox" name="names" value="tom" />tom
<input type="checkbox" name="names" value="jom" />jom
<input type="checkbox" name="names" value="ss" />ss
<input type="checkbox" name="names" value="dd" />dd
<input type="checkbox" name="names" value="ff" />ff
<p id="initInfo"></p>
<table id="table1">
</table>
<ul id="redinfo">
<li>11</li>
<li class="red">22</li>
<li>33</li>
<li class="red">44</li>
<li>55</li>
</ul>
</body>
</html>
0 0
- JQuery中each解析
- ajax回调json数组对象,jquery中$.each()循环解析
- Jquery中each用法
- jQuery中跳出$.each
- jQuery中跳出$.each
- jquery中跳出each
- jquery中each用法
- jquery中each用法
- jquery中each用法
- jquery中each用法
- jQuery中实现each()
- jquery中 $.each()方法
- Jquery中each()方法
- jquery解析json使用$.each()
- jquery源码解析----each迭代器
- jQuery中$.each()与$().each的区别
- jQuery中each的用法
- jquery 中跳出each循环
- shiro研究总结反思
- date(Linux Shell)
- 如何利用 JConsole观察分析Java程序的运行,进行排错调优
- git && repo 使用备忘
- http://bbs.9ria.com/thread-193299-1-1.html Android 官方文档之Activity和Task
- JQuery中each解析
- JVM内存对象管理
- 【java performance】让访问实例内变量的getter/setter方法变成”final”
- VSS:手工创建数据库
- 关于js中断ajax请求
- 关于android uiautomator自动化工程使用中文 无法识别
- Waveform Audio 驱动(Wavedev2)之:WAV 驱动解析
- java 图片解析,血的教训 BitmapFactory.decodeByteArray() 是个邪恶的方法
- 程序员到架构师