大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、新建一个html文件,命名为test.html。
网站设计制作过程拒绝使用模板建站;使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统;做网站、网站制作收费合理;免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了10年的成都创新互联公司网站建设公司。
2、在test.html文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。
3、在test.html文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。
6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。
$("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元素前面
class可以添加多个 id 只能一个
添加id $("#id").attr("id","newId");
添加class $(".class").addClass('newClass');
使用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、效果演示