jquery 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>
相關文章
- 1. jQuery attr()
- 2. jQuery attr() 和 jQuery prop()
- 3. jQuery .attr() vs .prop()
- 4. Jquery的prop和attr
- 5. attribute & property --- jquery attr() & prop()
- 6. jQuery的attr()與prop()
- 7. jQuery的attr與prop
- 8. jQuery中attr和prop
- 9. jquery中attr和prop的區別 jquery中attr和prop的區別
- 10. 淺談jquery中prop()和attr()
- 更多相關文章...
- • XML DOM - Attr 對象 - XML DOM 教程
- • jQuery Mobile 安裝 - jQuery Mobile 教程
- • Github 簡明教程
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
