首页 / JQUERY / jQuery中获取元素的属性方法attr()简单用法

jQuery中获取元素的属性方法attr()简单用法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery中获取元素的属性方法attr()简单用法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1606字，纯文字阅读大概需要3分钟。

内容图文

语法结构：$(selector).attr(attribute), //selector为选择器名，attribute为指定要获取的元素的属性名

修改元素属性的$(selector).attr(attribute,value), //selector为选择器名，attribute为指定要获取的元素的属性名

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取元素属性</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
a{text-decoration:none;}
li{list-style-type:none; }
</style>

<script type="text/javascript">
$(document).ready(function(e) {
$("#getattr").click(function(e){

      //click为点击事件
       var str = "<br \>" + $("#aa").attr("title");//结果为：一
       str += "<br \>" + $("#bb").attr("href");//结果为：https://hao.360.cn/
       str += "<br \>" + $("#cc").attr("id");//结果为：cc
       str += "<br \>" + $("#getattr").attr("value");//结果为：显示属性信息


        $("#attr_getinfo").append(str);//在div中显示属性的值
       //append():在被选元素的结尾（仍然在内部）插入指定内容
})

});
</script>
</head>

<body>
<ul id="nav">
<li><a href="3-1.html" id="aa" title="一">介绍1</a></li>
<li><a href="https://hao.360.cn/" id="bb" title="二">介绍2</a></li>
<li><a href="#" id="cc" title="三">介绍3</a></li>
</ul>
<div id="centent"></div>
<div id="attr_getinfo">
<input id="getattr" type="button" value="显示属性信息" />

</div>

</body>
</html>

原文：http://www.cnblogs.com/ziyuemoon/p/5698181.html

内容总结

以上是互联网集市为您收集整理的jQuery中获取元素的属性方法attr()简单用法全部内容，希望文章能够帮你解决jQuery中获取元素的属性方法attr()简单用法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1116545.html

来源：【匿名】