如何给div赋值 jquery

如何给div赋值 jquery,第1张

$("div").html("aa")将div元素里面的html赋值为 字符串"aa"

$("div").attr("aaa","bbb")设置元素div的aaa属性值为bbb

$("div").text("aa")将div元素里面的text赋值为 字符串"aa"

$("div") 引号里面可以更换为  .div  表示class为div的元素

$("div") 引号里面可以更换为  #div  表示id为div的元素

$("div") 引族尘号里面可春码以更换为  [name='div']  扒穗哪表示name为div的元素

使辩衫用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。

工具原料:编辑器、jquery

1、首先jquery的行枝attr()方法允许两个参数,如果值给一个参数则返回的是元素的属性的值,两个参数可以设置一个元素属性的值为第二个参数。

2、给div元素属性赋值的代码如下:

<div id="div1" class="test"></div>

<script type="text/javascript">

$('#div1').attr('class','baidu')

</script>

3、运行代码如下,审查元素防线class的值携带腔已经改为baidu,如下图:

使用attr()或prop()方法为id属性赋值即可,关键代码

$(obj_div).attr('id',id_name)

$(obj_div).prop('id',id_name)

实例尺姿羡演示如下:点击按钮设置div标签的id为test,为了便于观察效果,css中设置了册弊id为test的样式为红色

1、HTML结构

<style>

#test{color:red !importantfont-weight:bold}

</style>

<div>我是示例DIV</div>

<input type="button" value="设置上一个div的id为test">陵拍

2、jquery代码

$(function(){

$("input:button").click(function() {

$(this).prev("div").attr("id","test")

})

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8034193.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存