[JQ权威指南]第八天:删除页面元素
2015-07-07 13:45
253 查看
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="../jquery-2.1.4.js"></script> <style type="text/css"> body{ font-size:13px;} ul{ width:200px;} ul li{ list-style:none; padding:0px; height:23px;} span{ padding-left:20px;} .btn { border:#666 1px solid; padding:2px; width:60px;} </style> <script type="text/javascript" > $(function(){ $("ul li:first").css("font-weight","bold"); $("#Button1").click(function(){ $("ul li").remove("li[title=t]"); $("ul li:eq(1)").remove(); }) }) </script> </head> <body> <ul> <li>学号</li> <li title="t">1001</li> <li>1002</li> <li>1003</li> <li style="text-align:center; padding:5px"> <input id="Button1" type="button" value="删除" class="btn" /> </li> </ul> </body> </html>
相关文章推荐
- linux的du和df命令
- Android SpannaleString详解
- java数据结构和算法------索引查找
- Search for a range
- Rose 是由 人人网、糯米网 提供的、基于Servlet规范、Spring“规范”的开放源代码WEB开发框架
- php读取和保存base64编码的图片内容
- windows下、apache 2.2 与tomcat 7 通过jk方式实现 负载均衡配置
- AT&T Assembly Language Samples
- CSS 去掉inline-block元素间隙的几种方法
- android:windowSoftInputMode属性详解(解决软键盘弹出布局调整问题)
- 如何设置ASP.NET页面的运行超时时间
- awr中一条top sql,查询all_objects
- 遇到的错误
- Unity中的mvc框架_StrangeIoC(之九)
- Unity中的mvc框架_StrangeIoC(之八)
- Spatial Pyramid Matching
- 巴菲特投资行业
- ORACLE11G R2 RAC常用管理命令
- MySQL的InnoDB事务
- 销量暴涨69倍 深圳无人机卖给了谁?