jquery 怎么给标签添加属性

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery 怎么给标签添加属性相关的知识，希望对你有一定的参考价值。

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的方法汇总图。

 参考技术A var anElement = $("#someElement");
anElement.attr("anyAttribute","anyValue");
// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue
// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性

本回答被提问者采纳

使用jquery怎么根据ID给元素赋值

参考技术A 如果是往div 里面插入内容的话 , $('#div_id').html('hello'); 或者 $('#div_id').text('hello');
如果是给表单赋值的话， $('input_id').val('hello');
如果是要改变属性的话， $('img_id').attr('src', 'a.jpg'); 参考技术B $("#ID").val(值); 参考技术C 方法/步骤
1
编写页面：
<input type="button" value="按价格" name="score" id="bypic" onclick="bypicord()">
<input type="hidden" value="desc" id="ordercon">
2
编写js:
<script type="text/javascript">
function bypicord()
var reorder = $("#ordercon").val();
if("desc" == reorder)
$("#ordercon").val("asc");
var url = "<%=path %>/product/listproduct.action?uid="+$sessionScope.user.id+"&sort=price&ten=Y&FROMBUS=Y&order=asc";
gotoquery(url);
//window.location.href =gotoquery('url');
else
$("#ordercon").val("desc");
reorder = "desc";
var url = "<%=path %>/product/listproduct.action?uid="+$sessionScope.user.id+"&sort=price&ten=Y&FROMBUS=Y&order=desc";
gotoquery(url);




</script>
其中的：$("#ordercon").val("asc");就是给id为ordercon的元素赋值本回答被提问者采纳

以上是关于jquery 怎么给标签添加属性的主要内容，如果未能解决你的问题，请参考以下文章

给li标签添加自定义属性

Jquery 怎么只给点击的元素加个class

jquery怎样修改onclick属性值

如何使用VUE给模板标签中的属性赋值

jquery 怎么给上级添加类名？

jquery中动态添加div, 然后在div中动态添加<a>标签和事件, 怎么样把text的值 改变成<a> 标签或者增加属性