<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>
<style type="text/css">
thead {color: red;}
tfoot {color: blue;}
tbody {color: black;}
</style>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($("table").attr("border"));
$("table").attr("border",4);
$("table").attr("border",function(n,v) {
return v*2;
});
});
});
</script>
</head>
<body>
<table border="2" align="center" width="40%" >
<thead><tr><th></th><th scope="col">项目</th><th scope="col">价格</th></tr></thead>
<tfoot><tr><th colspan="3">form XXX</th><tr></tfoot>
<tbody align="center">
<tr ><td>2014-03-21</td><td >饮料</td><td >3.0</td></tr>
<tr ><td>2014-03-21</td><td >饼干</td><td >13.0</td></tr>
</tbody>
</table>
<button>点击</button>
</body>
</html>
参考地址：http://www.w3school.com.cn/jquery/attributes_attr.asp
分享到：
相关推荐
本文将深入探讨`attr`方法的使用、功能以及注意事项。 ### 一、attr方法的基本用法 `attr`方法的基本语法如下： ```javascript $(selector).attr(attributeName[, value]) ``` - `selector`：用于选择元素的...
首先，关于 Attr 对象的知识，它实际上代表的是一个属性节点，尽管它具有节点的特性，但在使用JavaScript操作DOM时，Attr 对象并不像其他节点一样，不能直接通过 firstChild 或 childNodes 等属性来访问。...
在JavaScript中，`attr`方法是jQuery库的一部分，用于获取或设置元素的属性值。本文将深入探讨`attr`属性的使用及其在实际开发中的应用。 首先，`attr`方法的基本语法是`$(selector).attr(attributeName, value)`。...
本主题将探讨如何使用jQuery和纯JavaScript实现客户端验证，包括图片轮换、Tab切换、图片上下滚动以及表单验证。 首先，jQuery是一个轻量级的JavaScript库，它使得JavaScript的使用更加简洁和高效。在图片轮换功能...
1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 ...
### JavaScript 实现简易计算器知识点详解 #### 一、项目背景与目标 本项目旨在通过JavaScript技术实现一个简易的计算器功能，使用户能够进行基础的数学运算（加、减、乘、除）。该项目不仅锻炼了开发者对于HTML、...
使用`attr(name)`可以获取元素的指定属性值。例如，`$("p").attr("title")`将返回`<p>`元素的`title`属性值，即"你最喜欢的水果是。"。 2. **设置属性值**： 通过`attr(name, value)`，你可以为元素的属性设置一...
- **使用 `.setAttribute()` 方法**: 例如 `document.getElementById('id').setAttribute('attr', 'new value');`。 ##### 5. 改变 HTML 样式 - **使用 `.style` 属性**: 例如 `document.getElementById('id')....
「JavaScript 完美运动框架」是实现元素多个属性同时运动的解决方案，它通过 `getStyle` 函数获取元素的样式值，然后使用 `startMove` 函数来实现元素的逐帧运动。该框架可以广泛应用于各种 web 开发项目中，例如...
2. **DOM操作**：jQuery简化了DOM的添加、删除、查找和修改操作，如`.append()`, `.remove()`, `.html()`, `.attr()`等。 3. **事件处理**：jQuery的事件绑定和触发比原生JavaScript更简洁，如`.click()`, `.hover...
在JavaScript的世界里，jQuery（简称JQ）是一个广泛使用的库，它极大地简化了DOM操作、事件处理、动画制作等任务。在本篇文章中，我们将深入探讨`attr()`这个jQuery方法，它是用来设置或获取HTML元素属性值的重要...
例如，如果表单的name属性为"frm1"，也可以使用`document.getElementsByName("frm1")[0]`来获取该表单元素。 最后，值得注意的是，表单的action属性值可以是相对路径也可以是绝对路径。如果是一个相对路径，浏览器...
使用ECharts时，首先需要在HTML中引入ECharts的JS文件，然后在JavaScript中创建一个图表实例，并配置相应的图表选项。例如，创建一个简单的折线图，你可以这样做： ```html ;height:400px;"> ``` ```javascript ...
本文主要探讨了如何使用JavaScript实现具有缓冲运动效果的轮播图，并对实现过程中的相关知识点进行了详细阐述。 首先，JavaScript中的缓冲运动函数是实现平滑动画的关键。缓冲运动允许对象在开始和结束时速度较慢，...
1. **选择器**：jQuery提供了丰富的选择器，如id选择器(#id)、类选择器(.class)、属性选择器([attr=value])等，方便快速选取DOM元素。 2. **DOM操作**：jQuery简化了DOM操作，如`.html()`, `.append()`, `.prepend()...
总的来说，虽然JavaScript的`attribute`和jQuery的`attr`在基本功能上相似，但jQuery的`attr`方法在操作上更加便捷，且功能更为丰富，如支持批量设置属性、动态计算属性值等。而原生的`attribute`则更适合基础的属性...
2. **初始化验证**：在HTML表单上应用验证框架，你需要使用特定的数据属性（data-attr）来标记需要验证的字段。例如，要验证一个必填字段，你可以这样写： ```html ``` 3. **验证规则**：框架内置了多种验证...
第1章 JavaScript简史 1.1 JavaScript的起源 1.2 DOM 1.3 浏览器战争 1.3.1 DHTML 1.3.2 浏览器之间的冲突 1.4 制定标准 1.4.1 浏览器以外的考虑 1.4.2 浏览器战争的结局 1.4.3 崭新的起点 1.5 小结 第2章 ...
在本文中，我们将深入探讨如何使用JavaScript来创建饼形图、柱状图和线性图，并提供相关的知识点。 **一、饼形图** 饼形图是展示数据比例关系的有效工具。在JavaScript中，我们可以使用各种库如D3.js、Chart.js或...