JQuery 如何给DIV增加ID

使用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 !important font-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")

})

})

3、效果演示

1、编写基础的HTML文档。

2、使用.val()获取值。

3、保存文件，查看属性选择器获取的值。

4、然后在script里添加一个function，按钮事件的函数。使用jquery的 attr方法来设置属性就行了，参数第一个是要添加的属性名，第二个就是属性的值。这里我们为div添加一个id属性。

5、保存文件，查看.attr()就可以获取的属性值。

$("p").append("<div id="thisidk">我是小杰</div>")//向p元素中追加id为thisidk的div层

jquery插入节点的 *** 作

$("<b>你好吗？</b>").appendTo("p")//将《b》追加到p元素中

$("p").prepend("<b>你好吗？</b>")//向p中前置《b》

$("<b>你好吗？</b>").prependTo("p")//将《b》前置到p元素中

$("p").after("<b>你好吗？</b>")//向p元素后插入《b》

$("<b>你好吗？</b>").insertAfter("p")//将《b》插入到p元素后边

$("p").before("<b>你好吗？</b>")//在p元素之前添加《b》

$("<b>你好吗？</b>").insertBefore("p")//将《b》插入到p元素前面

---