1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）
2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。）
3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数计算的值作为属性值。）
4.attr(properties) //给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }。(这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意，如果你要设置对象的class属性，你必须使用'className' 作为属性名。或者你可以直接使用'class'或者'id'。)
示例代码：
复制代码 代码如下:
<!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>jquery中attr()方法</title>
<script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" ></script>
<style>
p{color:red}
li{color:blue;}
.lili{font-weight:bold;color:red;}
#lili{font-weight:bold;color:red;}
</style>
</head>
<body>
<p title="你最喜欢的水果是。">你最喜欢的水果是？</p>
<ul>
<li title="苹果汁">苹果</li>
<li title="橘子汁" alt="123">橘子</li>
<li title="菠萝汁">菠萝</li>
</ul>
<script>
...
</script>
</body>
<html>
1.attr(name)//获取属性的值
1.1使用attr(name)获取title值：
复制代码 代码如下:
<script>
alert($("ul li:eq(1)").attr("title"));
</script>
结果：
1.2使用attr(name)获取alt值：
复制代码 代码如下:
<script>
alert($("ul li:eq(1)").attr("alt"));
</script>
结果：
2. attr(name,value) //设置属性的值
2.1使用attr(name,value)修改title值为：不吃橘子
复制代码 代码如下:
<script>
$("ul li:eq(1)").attr("title","不吃橘子");
alert($("ul li:eq(1)").attr("title"));
</script>
结果：
3. attr(name,fn) //设置属性的函数值
3.1把alt属性的值设置为title属性的值。
复制代码 代码如下:
<script>
$("ul li:eq(1)").attr("title",function(){ return this.alt});
alert($("ul li:eq(1)").attr("title"));
</script>
结果：
4.attr(properties) //将一个“名/值”形式的对象设置为所有匹配元素的属性
4.1获取<ul>里第2个<li>设置title和alt属性。
复制代码 代码如下:
<script>
$("ul li:eq(1)").attr({title:"不喝橘子汁",alt:"不是123"});
alert($("ul li:eq(1)").attr("title"));
alert($("ul li:eq(1)").attr("alt"));
</script>
结果：
4.2获取<ul>里第2个<li>设置class。
复制代码 代码如下:
<script>
$("ul li:eq(1)").attr({className:"lili"});
</script>
结果：
4.3获取<ul>里第2个<li>设置id。<script>
$("ul li:eq(1)").attr({id:"lili"});
</script>
结果：
4.4获取<ul>里第2个<li>设置style。<script>
$("ul li:eq(1)").attr({style:"color:red"});
</script>
结果：
在li中添加alt是错误的，它只能用在img、area和input元素中（包括applet元素）。对于input元素，alt属性意在用来替换提交按钮的图片。在这里为了很详细说明attr()方法，没有合适的属性，所有用了alt进行举例，只供学习参考attr()方法用法。
在此说明下alt和tite的区别。 alt：这是用以描述图形的文字，当图片无法显示时，这些文字会替代图片而被显示。当鼠标移至图片上该些文字亦会显示。
title：是鼠标放上去之后，会显示出来的文字。
那么怎么删除属性呢?
jquery中删除属性的关键词是: removeAttr 注意A是大写的. 看看怎么用的:
同样是用法一中的html代码, 我想删掉li的title属性, 那么就这样:
复制代码 代码如下:
<script>
$("ul li:eq(1)").removeAttr ("title");
</script>
就这么简单， attr 其实就是原生js中 getAttribute 的简化实现, 而removeAttr 就是 removeAttribute 的简写了。
那么是否有跟attr()相似的属性呢？
jquery中val()与之类似，
$(this).val();获取某个元素节点的value值，相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值，相当于$(this).attr("value",value);
相关推荐：
文章AI扩写：突破创作瓶颈，提升写作效率的秘密武器
文章写作AI：让创作更高效、精准的智能助手
ChatGPT-01：开创人工智能新纪元,AI如何画模糊的云层
用AI写一篇文章，如何提升你的写作效率与创意
SEO关键词是什么意思？全面解析SEO关键字的核心作用,华为ai音箱 百度ai音箱
文章AI思维导图自动生成助力创作的智慧之源
SEO领先-如何借助SEO技术让您的网站脱颖而出,seo是黑客吗
SEO怎么排名？这5大技巧，轻松提升网站排名,人人都可ai
SEO是什么意思？揭秘SEO的真正含义与重要性,公司推广网站询问d火18星来
AI通过算法和数据生成的作品：科技与艺术的跨越，带来无限创意可能,ai优化程序
SEO赚钱：如何通过SEO技能在网络上实现财富自由,网站怎么建设推广平台
SEO需要什么语音，seo需要考虑什么 ,学生作业ai
SEO优化排-打造高效的网络营销利器,精神AI
SEO领站-从零到一打造成功网站排名的秘密,轻淘客seo怎设置
ChatGPT的破解版：AI世界的新突破,ai无禁忌
今时CMS：引领数字化转型的智慧之选,河南seo优化网站联系方式
产品seo什么意思，产品seo标题是什么 ,ai模仿张宇
为什么要seo排名，为什么要做seo推广 ,AI写作开启创意新世界
SEO与SEM策略：提升网站流量与品牌曝光的双剑合璧,ai补图
什么是SEO优化方案，seo的优化方案 ,ai emorobot
文章AI生成软件高效创作新纪元
SEO广告：如何借助SEO提升品牌曝光与销售业绩？,网站推广怎么选择
用AI征文工具，轻松创作出精彩文章！
自动写文章AI：高效创作工具，开启写作新纪元
AI生成文章免费工具，让创作变得轻松又高效,ai安心健
2024年AI写文章生成器推荐：让创作轻松高效，提升写作水平
ZBlog：开启你的个人网站新时代，轻松搭建与管理,二手手机营销推广方案
ChatGPT付款被拒？如何应对与解决常见支付问题,掉包ai
SEO武汉：如何提升武汉地区网站的搜索引擎排名,景区网站建设费用
SEO深度解析：如何通过深度优化提升网站排名，带来流量和转化,咸宁网站建设大概费用
SEO妍：搜索引擎优化的艺术，轻松打造网络营销新未来,辽宁网站建设贵不贵
什么是“神马关键词”？如何用它提升你的网络营销效果？,新闻发布网站怎么做推广
seo要寻找什么资源，怎么找seo ,ai插画描边
ChatGPT破解：人工智能的无限潜力与破解秘笈,意识变ai
为什么seo这么难，seo难嘛 ,ai宁中则
优化网站的秘诀：提高网站速度与用户体验，助力业务腾飞,旅游网站建设步骤
SEO检测，让网站排名飞升的秘密武器,高端快消食品营销推广
SEO而且：打造高效网站流量增长的秘密武器,滨江网站推广营销
SEO数量-如何提升你的网站排名与流量？,射阳seo优化五星服务
“标题制造机”：颠覆内容创作的秘密武器，助你轻松打造吸引力十足的标题,景区线上推广用哪些网站
SEO大神如何在激烈的互联网竞争中脱颖而出？,网页设计和网站建设试题
怎么查一篇文章是不是AI写的？你需要这几个关键方法！
SEO外，如何提升网站整体营销效果？,文轩网络营销推广方案
Chat启用后ESX连不上？解决方法一网打尽！,为什么AI续写这么离谱
ChatGPT可以实现新闻报道的即时自动化生成,怎么更改ai2的图标
打造内容创作新高度：文章扩写AI的革命性优势
SEO优：让网站流量和排名实现飞跃的秘诀,大理哪有企业网站建设
seo稿件是什么意思，seo文章写作要求 ,ai写作未来展望和展望
seo站内优化包括什么营销，seo站内优化操作流程 ,ai 玻璃图标
SEO针对中小企业的增长潜力：如何通过精准优化抢占市场先机,网络推广和营销就选y火10星评价
新闻资讯
常见问题