<html>

<head>

    <title>html/css/js学习小结</title>

	<script src="jquery-1.8.3.js"></script>

	<style type="text/css">

	    /*span {

		    display:inline;

			width:16%;

		}*/

		li {

		    display:table-cell;

			width:0.5%;

			margin-right:10px;

		}

		ul {

		    float:left;

			display-style:none;

		}

		.line1{

		    background-color:#999999;

		}

		.line2{

		    background-color:#E6E6E6;

		}

	</style>

</head>

<body >

       <div id="body" style="border:1px solid black;width:600px;position:fixed;left:50%;top:30px;margin-left:-250px">

	       <!--标题栏-->

		   <div id="body-title" style="width:600px;">

		       <ul >

			       <li ><input type="checkbox" id="selectAll"/>全选</li>

				   <li >id</li>

				   <li >name</li>

				   <li >address</li>

				   <li >isshow</li>

				   <li >操作</li>

			   </ul>

		   </div>

		   <!--内容栏-->

		   <div id="body-content" style="padding-top:0;padding-bottom:0;">

		   </div>

	   </div>

	   <script type="text/javascript">

	       <!--初始化数据-->

	       $(function(){

		       var ulId = "lin31";

		       for(var index=0;index< 10;index++){

				   if(index % 2 == 0){

				       ulId = "line1";

				   } else {

				       ulId = "line2";

				   }

			       $("#body-content").append("<ul class="+ulId+" id='ul"+index+"'><li><input type='checkbox' id='item' /></li><li >"+index+"</li><li >zhangsan"+index+"</li><li >江苏南京"+index+"</li><li >"+(index%2)+"</li><li ><input type='button' id='edit' value='编辑' class='"+index+"'/><input type='button' id='delete' value='删除' class='"+index+"'/></li></ul>");

			   }

			   <!--绑定删除按钮的点击事件-->

		      $(":input[id='delete']").click(function(){

			      var id = $(this).attr("class");

				  $("#ul"+id).remove();

			  })

			  <!--绑定全选事件-->

			  $("#selectAll").bind("click",function(){

			      var status = $(this).attr("checked");

				  if (status){

				      $(":input[id='item']").attr("checked",true);

				  }else{

				      $(":input[id='item']").attr("checked",false);

				  }

			  })

		   })

	   </script>

</body>

</html>

　　

python学习之jquery小练习的更多相关文章

  1. Python学习---基于JQuery的Ajax实现[快捷+底层$.ajax]

    快捷API <1>$.get(url, [data], [callback], [type]) <2>$.post(url, [data], [callback], [type ...

  2. Python学习：8.小项目之登录注册验证

    简介 本次项目登录注册验证是对之前学习知识点的加深学习,这次项目的练习的知识点有函数.判断语句.循环语句.文件操作等. 项目流程 运行代码之后,输出登录或者注册选项. 当选择登录之后,输入用户名密码, ...

  3. Python学习-day17 jQuery method and demo

    一:介绍: jQuery:是DOM和js的封装.jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多).现在大多数的pc端的网站都 ...

  4. 6月6日 python学习总结 jQuery （三）

    1. 常用事件 1. hover #鼠标悬停监听 2. keydown和keyup #键盘按键 按下/抬起 3. change #监听值的改变 全部输入完失去焦点后 4. focus和blur # 获 ...

  5. python学习之----异常处理小示例

    网络是十分复杂的.网页数据格式不友好,网站服务器宕机,目标数据的标签找不到,都 是很麻烦的事情.网络数据采集最痛苦的遭遇之一,就是爬虫运行的时候你洗洗睡了,梦 想着明天一早数据就都会采集好放在数据库里 ...

  6. Python学习2，小程序

    今天主要就是弄懂了一个循环判 for i in [1,2]: for j in [1, 2, 3]: print(i, j) break else: print("for-j") ...

  7. python学习-6 猜拳小游戏

    import random # 调用随机数模块 pc = random.randint(1,3) # 产生1-3的随机数 print("来玩个猜拳游戏吧!") a = '石头' b ...

  8. 6月5日 python学习总结 jQuery （二）

    1. 操作样式     对CSS类的操作: addClass();// 添加指定的CSS类名. removeClass();// 移除指定的CSS类名. hasClass();// 判断样式存不存在 ...

  9. 记录Python学习中的几个小问题

    记录Python学习中的几个小问题,和C#\JAVA的习惯都不太一样. 1.Django模板中比较两个值是否相等 错误的做法 <option value="{{group.id}}&q ...

随机推荐

  1. iOS开发基础知识：Core Animation(核心动画)

    Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能. Core A ...

  2. Miaomiao's Geometry

    HDU 4932  Bestcoder Problem Description There are N point on X-axis . Miaomiao would like to cover t ...

  3. 解决TableView / ScrollView上的Menu问题（1滑出View区域还可点击2导致点击menu后View不能滑动）

    解决TableView / ScrollView上的Menu问题 1划出区域还可点击 重写CCMenu的触摸事件函数 TouchBegin/TouchMove/TouchCancle/TouchEnd ...

  4. iOS 成员变量，实例变量，属性变量的区别，联系

    在ios第一版中: 我们为输出口同时声明了属性和底层实例变量,那时,属性是oc语言的一个新的机制,并且要求你必须声明与之对应的实例变量,例如: 注意:(这个是以前的用法) @interface MyV ...

  5. 魔方阵算法及C语言实现

    1 魔方阵概念 填充的,每一行.每一列.对角线之和均相等的方阵,阶数n = 3,4,5….魔方阵也称为幻方阵. 例如三阶魔方阵为: 魔方阵有什么的规律呢? 魔方阵分为奇幻方和偶幻方.而偶幻方又分为是4 ...

  6. 【转】web常见安全问题以及测试方法

    web安全是我们测试组一直以来作为和性能测试并驾齐驱的两个重点.开发的过程中还需要着重注意,该转义的地方转义:该屏蔽的地方屏蔽,该过滤的地方过滤等等.年底又到了,势必又有大批的发号抽奖之类的活动开发. ...

  7. Linux 命令 - ps: 显示当前进程的快照

    命令格式 ps [options] 实例 a) 查看所有的进程. huey@huey-K42JE:~$ ps aux | head USER PID %CPU %MEM VSZ RSS TTY STA ...

  8. django 学习-10 Django多对多关系模型

    1.vim blog/models.py class   Author(models.Model): name = models.CharField(max_length=30) def unicod ...

  9. Java Servlet-http协议

    ---恢复内容开始--- 互联网三大基石: url:定位数据 html:显示数据 http:传输数据

  10. IOS 图片全屏预览

    如果你感觉累,那就对了那是因为你在走上坡路..这句话似乎有点道理的样子,时常提醒自己无论走到哪都不要忘记自己当初为什么出发.有时想想感觉有的东西可以记录一下,就把它记录下来吧,这次想写一下关于单张图片 ...