JavaScript Attr的使用

最新推荐文章于 2023-08-18 17:32:13 发布
最新推荐文章于 2023-08-18 17:32:13 发布
阅读量424 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript Attr的使用 juery ViewUI 
<%@ 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

_love
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中Attr的用法详解
11-28
具体代码如下所示： [removed][removed] [removed] $(document).ready(function(){ $("#btn").click(function(){ //使用attr(name)获取属性值： alert($("p").attr("title"));//你最喜欢的水果是。 alert($("ul li:eq(1)").attr("title"));//橘子汁
js-使用attr()方法
热门推荐
春暖花未开
05-20 2万+
在使用attr()过程中遇到些许问题，总结归纳一下：获取xo标签attribute属性的值$(xo).attr(attribute)设置attribute属性的值为value$(xo).attr(attribute, value)设置多个attribute属性的值value们$(xo).attr({attribute1: value1, attribute2: value2})...
js中attr()用来修改或者添加属性或者属性值
最新发布
qq_44438941的博客
08-18 1234
日常总结
css 使用content:attr()实现悬浮提示
r12563的博客
05-10 2236
还是上波效果图先： 关键属性、选择器和函数 content , data-  ,  :before , :after , attr(),：      :before , :after 向指定元素插入内容，使用content属性指定插入的内容。 content一般和伪元素 :before和 :after搭配使用,一起生成内容。
js中attr 与find 获取属性值，
weixin_33691700的博客
06-17 1205
一、attr的用法 1. attr(属性名)        //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值)   //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值)     //设置属性的函数值  （为所有匹配的...
js中的attr()
八阿哥别走
04-14 5558
attr()可以用来修改或者添加属性或者属性值 例： 1.如果想获取input中value的值： $('#subbtn').attr('value'); //也可以用类选择器 2.如果想改变value的值： 将‘我也说一句’改为'收起'； $('#subbtn').attr('value','收起');   也可以用来修改其他属性，value是属性，后面是属性的值
JS--JavaScript属性节点特性，创建属性节点，读取、设置、删除属性（getAttribute、setAttribute、removeAttribute）
吴声子夜歌的博客
09-26 2050
属性节点 属性节点由Attr类型表示，在文档树种被称为元素的特性，习惯称之为标签的属性。属性节点具有以下特征： nodeType值为11 nodeName值为特性的名称 nodeValue值为null 在HTML中不包含子节点 在XML中子节点可以是Text、EntityReference 访问属性节点 Attr是Element的属性，作为一种节点类型，它继承了Node类型的属性和方法。不过A...
JavaScript--prop和attr的用法
m0_74293254的博客
08-05 1483
在JavaScript中，prop和attr()是jQuery库提供的一个方法，用于获取或设置DOM元素的属性值。prop()prop()方法用于获取或设置HTML元素的属性值。通过prop()方法可以设置HTML元素的固有属性（如checked、disabled等）以及自定义属性。其中，selector为选择器，可以是元素的标签名、类名、id等；propertyName为属性名称；value为要设置的属性值。attr()attr()方法用于获取或设置HTML元素的属性值。通过attr()
JS实现jQuery的attr()与on()方法
weixin_45393020的博客
04-25 1417
JS实现jQuery的attr()、on()方法 这里用原生JS实现的attr()、on()方法，与jQuery里的attr()、on()方法一样能够进行链式调用。 回顾jQuery中的attr()与on()方法 attr() 设置或返回相应元素的属性值，与原生JS中的setAttribute()方法相似 on() 在被选元素上添加事件及其事件行为（此方法在jQuery1.7后逐渐代替bind()、live() 和 delegate() 方法） 原生JS实现attr()方法 利用setAttribute
JS中attr 和 prop 的区别
weixin_49199038的博客
11-06 4617
attr : 设置或返回被选元素的属性值. prop : 获取在匹配的元素集中的第一个元素的属性值。 attr 和 prop 的本质 attr 是 attribute 的缩写,prop 是 property 的缩写，都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=ke
JavaScript 开发必须掌握技能（四）- 更好的使用jQuery attr方法
ZXH0122的博客
04-15 268
前几篇都是长篇大论，一次看完的确有些费尽，今天简单些，分享一个开发中使用attr() 的技巧，可能大家都没有这样使用过。它配合ES6标准中模板字符串模块使用。简单看下模板字符串它的使用： // 传统的 JavaScript 语言，输出模板通常是这样写的（下面使用了 jQuery 的方法）。 $('#result').append( 'There are <b>' + basket....
javascript中对Attr(dom中属性)的操作示例讲解
10-26
主要是对javascript中对Attr(dom中属性)的操作进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
11-27
根据大体上的意思我感觉js setAttribute与jquery中attr工作是完全一样的，只是jquery中简写了并且工能更强大了，下面我来分别介绍一下他们的用法。 attribute 是原生js dom 对象上的一个属性，这个属性有很多子属性，比如 isId（判断属性是否是Id） , name （获取属性名称） , value （获取属性值）,attributes 用来获取dom元素 的所有属性集合。 话不多说，上例子了: <input type="text" name="username" id="name" verify="len_2_12" > [removed] var
js中attr的用法
hwt的博客
10-09 1万+
$(document).ready(function(){         $("#btn").click(function(){             //使用attr(name)获取属性值：             alert($("p").attr("title"));//你最喜欢的水果是。             alert($("ul li:eq(1)").attr("titl
javascript中的对Attr（dom中属性）操作
haiziguo的专栏
04-30 7054
20120430dom操作属性节点.htm //Attr(属性)虽然是节点 但是不能用firstChild和childNodes等访问 function testBtn() { // var myNode = document.getElementById("btn");//得到element标签
jquery attr()方法
10-18 2104
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名)        //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）
attr()用法
chuyaonong6148的博客
06-21 3045
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1.attr(属性名)//获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从...
java arrt_JS中Attr的用法详解
weixin_32251525的博客
03-08 503
具体代码如下所示：$(document).ready(function(){$("#btn").click(function(){//使用attr(name)获取属性值：alert($("p").attr("title"));//你最喜欢的水果是。alert($("ul li:eq(1)").attr("title"));//橘子汁alert($("ul li:eq(1)").attr("alt"...
jq attr
05-31
在 jQuery 中，attr() 方法用于获取或设置 HTML 属性的值。它的语法如下： ```javascript // 获取属性值 $(selector).attr(attribute) // 设置属性值 $(selector).attr(attribute, value) ``` 其中，selector 是要操作的元素选择器，attribute 是要获取或设置的属性名称，value 是要设置的属性值。 例如，要获取 id 为 myElement 的元素的 title 属性值，您可以使用以下代码： ```javascript var title = $("#myElement").attr("title"); ``` 要设置该元素的 title 属性值，您可以使用以下代码： ```javascript $("#myElement").attr("title", "New Title"); ``` 请注意，您还可以使用 attr() 方法来设置多个属性，例如： ```javascript $("#myElement").attr({ "title": "New Title", "data-color": "red" }); ``` 这将设置元素的 title 属性和 data-color 属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值