`
Hermosa_Young
  • 浏览: 249315 次
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript Attr的使用

阅读更多
<%@ 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

分享到:
评论

相关推荐

    javascript中对Attr(dom中属性)的操作示例讲解

    主要是对javascript中对Attr(dom中属性)的操作进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    javascript完全学习手册1 源码

    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完全学习手册2 源码

    1.3 在web页面中使用JavaScript 1.3.1 HTML的基本结构 1.3.2 在HTML中嵌入JavaScript 1.3.3 链接JavaScript文件 1.4 编写JavaScript的工具 1.4.1 使用纯文本编辑器 1.4.2 使用专业化脚本编辑工具 ...

    JavaScript DOM编程艺术(中文第2版)

    第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章 ...

    JS中Attr的用法详解

    具体代码如下所示: [removed][removed] ... //使用attr(name)获取属性值: alert&#40;$("p"&#41;.attr("title"));//你最喜欢的水果是。 alert&#40;$("ul li:eq(1&#41;").attr("title"));//橘子汁

    JavaScript权威指南

    JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...

    attr-accept:HTML5输入元素的“ a​​ccept”属性JavaScript实现

    安装npm install --save attr-accept用法var accept = require ( 'attr-accept' ) ;accept ( { name : 'my file.png' , type : 'image/png'} , 'image/*' ) // =&gt; trueaccept ( { name : 'my file.json' , type : '...

    Javascript 右键菜单 JQuery 实现

    Javascript右键菜单,JQuery 实现 本人网络收集 提供自己使用和研究 /**得到一个对象的所有属性 var attrs="t:"; for(var attr in t) { attrs+=attr; attrs+="|"; alert("inst的"+attr+"属性:"+t[attr]); } alert...

    动态设置form表单的action属性的值的简单方法

    用jQuery时,可如下设置: form表单: &lt;form name="myform" id=... $('form').attr('action','new_url'); } [removed] 或者用单纯的javascript: function test1(){ alert&#40;document.myform.action&#41;

    JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

    主要介绍了JavaScript中的 attribute 和 jQuery中的 attr 方法浅析,需要的朋友可以参考下

    简析CSS表达式attr()的运用

    CSS表达式 attr() 用来获取选择到的元素的某一...它提供了一个巧妙的方法在CSS中使用HTML标签上的属性,在很多情况下都能帮你省去了以往需要Javascript处理的过程。 要想使用这个功能,你需要用到三种元素:一个:bef

    JavaScript-Style-Guide:受https启发JavaScript样式指南

    set ( 'attr' , { age : 21 } ) ; 2.2在控制语句中的开头括号前放置一个空格( if , while等) if ( person . name === 'John Doe' ) { } 2.3函数调用和声明中的参数列表之前不能留空格。 var test = ...

    js4:使用ES6 JavaScript编写CSS

    使用ES6 JavaScript编写CSS。 安装 npm install -g js4 # may require sudo 用法 用JS在文件中编写CSS,例如css.js : new Rule ( 'body' , { color : 'red' } ) ; new Rule ( '#id, .class &gt; [attr]' , { 'text-...

    grunt-ng-attr-hint:ng-attr-hint的Grunt插件(用于角度ng指令的静态掉毛工具)

    插件安装完成后,可以使用以下JavaScript代码在您的Gruntfile中启用该插件: grunt . loadNpmTasks ( 'grunt-ng-attr-hint' ) ; “ ng-attr-hint”任务 概述 在项目的Gruntfile中,将一个名为ng-attr-hint的部分...

    jquery对象和javascript对象即DOM对象相互转换

    jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象...DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:document.getElementById(“img”).src = “test.jpg”;这里的document.getElemen

    悬浮QQ在线

    onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', '...

    JavaScript常用兼容语法

    JavaScript常用兼容语法 1.获取css样式的兼容语法 obj是要获取属性的对象,attr是要获取的属性 function getStyle(obj,attr){ return obj.currentStyle ? obj.currentStyle[attr]:getComputedStyle(obj)[attr]; } 2...

    使用JavaScript为一张图片设置备选路径的方法

    在做网页开发的时候,有时候希望给图片设置一个备选路径,即,当src属性对应的主路径加载失败的时候,图片可以马上切换到备选路径。这样,即使主路径失效了,...$('#imgMap' ).attr("src",src1).load(function(){consol

Global site tag (gtag.js) - Google Analytics