jquery attr
2015-11-16 00:00
513 查看
摘要: attr属性
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="../HelloJquery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function() { /* $("tbody tr").each(function(n) { //使用attr只加入一个参数可以获取属性值 //alert($(this).attr("id")); //通过attr设置两个参数,可以完成对某个节点属性的设置 $(this).attr("title", $(this).children("td:eq(1)").html()) //可以通过json的格式来设置熟属性,甚至可以设置一些非html的属性,通过这些属性来做一些特殊处理 //但是这种方式在1.4后基本不用了,1.4后提供了data方法 $(this).attr({ "title" : $(this).children("td:eq(1)").html(), "id" : n }) //移除属性 $("tr#2").removeAttr("id"); })*/ $("a[href^='http://']").attr("target", "_blank") $('tbody tr').attr("title",function(n){ return "这是第"+(n+1)+""; }) }) </script> </head> <body> <a href="map.html">map</a> <a href="model.html">model</a> <a href="http://hao.360.cn/?wd_xp1">360</a> <a href="https://www.baidu.com/">bd</a> <table width="=700" border="1" align="center"> <thead> <tr> <td>用户名</td> <td>用户密码</td> <td>用户年龄</td> <td>用户电话</td> </tr> </thead> <tbody> <tr id="123"> <td>张三</td> <td>123</td> <td>22</td> <td>186</td> </tr> <tr> <td>李四</td> <td>123</td> <td>22</td> <td>186</td> </tr> <tr> <td>王五</td> <td>123</td> <td>22</td> <td>186</td> </tr> <tr> <td>马六</td> <td>123</td> <td>22</td> <td>186</td> </tr> <tr> <td>赵七</td> <td>123</td> <td>22</td> <td>186</td> </tr> </tbody> </table> </body> </html>
相关文章推荐
- 50个jQuery代码段帮你成为更出色的JS开发者
- 5个实用的jQuery代码片段(摘)
- EasyUI+JQuery轻松实现步骤条效果
- 17款jQuery在线QQ客服代码分享
- 17款jQuery在线QQ客服代码分享
- jQuery解决IE6图片不透明的问题
- 分享一个自己做的图片轮播的插件
- JQuery 实现简单的复选框树形结构图
- jQuery作用
- JSP中使用 jquery.tmpl.js问题
- 前端之路Jquery_1滑动门效果
- 前端之路Jquery_2select下拉框
- jQuery-这个才是水神写的
- 关于JQuery简单介绍
- jquery之event.target vs this
- jQuery诞生记-原理与机制 转
- jquery实战训练
- javascript快速入门第三章jquery基础知识
- JavaScriptJQueryDIV实例大全
- jquery练习