jquery 怎么给标签添加属性

 我来答
八卦大喵
2018-03-31 · TA获得超过2852个赞
知道小有建树答主
回答量:42
采纳率:0%
帮助的人:5791
展开全部
var anElement = $("#someElement");anElement.attr("anyAttribute","anyValue");// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性
  • jquery操作html标签的方法非常多,小编在这里总结一下。

    首先,引入jquery,jquery下载地址在文章末尾的相关链接给出,这是运用jquery的第一步,也是必不可少的一步!

    代码如下:

    <head>

    <script src="jquery.js"></script>

    </head>

    当然,你也可以不下载,直接引用。

    代码如下:

    <head>

    <script src="/jquery/1.8.0/jquery.min.js"></script>

    </head>

    注意jquery的版本,及时更新。

  • 接下来介绍jquery的第一种操作html标签的方法。

    1.操作已经存在的html标签的属性!

    这就需要用到一个非常强大的函数attr()

    函数写法:

    var ss=$("HTML标签的ID").attr("想要获得的属性");

    这样准确ID的HTML标签的指定属性的值就会赋给变量ss。

    例如:var ss=$("#id").attr("value");

    当然还可以给准确ID的HTML标签的指定属性赋值。

    函数写法:

    $("HTML标签的ID").attr("想要改变的属性","改变的值");

    例如:$("#id").attr("class","aaa");

    这样可以将ID为"id"的HTML标签的class改为aaa.

    利用这个函数更改HTML标签的类或ID,配合样式表可以做出非常炫的动态效果!

    贴上样例图:

  • 2.jquery向指定位置添加不存在的HTML标签!

    这次需要的函数是append()或appendto()

    有很多人搞不起这两个函数的区别,稍后会讲明。

    函数写法:

    $("HTML标签的ID").append("完整的HTML标签");

    例如:$("#id").append("<input type='text' value=' ' id='aa' />");

    HTML标签的ID是为了定位添加的HTML标签,添加的HTML标签将会出现于指定ID标签的后面!注意控制排版!

    贴上样例图:

  • 接下来介绍appendto()的用法以及它和append()的区别!

    函数写法:

    $("完整的HTML标签").appendto("HTML标签的ID");

    例如:$("<input type='text' value=' ' id='aa' />").append("#id");

    这样也可以达到与append()的相同效果,至于区别,也许你已经发现了,区别就是前后两个括号的内容反过来了,先填写HTML标签,再写指定元素ID。

    但是即使这样写,添加的HTML标签仍会出现于指定ID标签的后面!

    这个就不贴样例图了。

  • 操作HTML的函数还有很多,比如图中提到的CSS()。

    这是操作指定属性的。用attr()也可以做到,所以就不再介绍。

    这里贴上一张jquery操作HTML的方法汇总图。

Shikyoh
推荐于2017-12-16 · TA获得超过396个赞
知道小有建树答主
回答量:220
采纳率:100%
帮助的人:129万
展开全部
var anElement = $("#someElement");
anElement.attr("anyAttribute","anyValue");
// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue
// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式