$("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")
})
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)