从品牌网站建设到网络营销策划,从策略到执行的一站式服务
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、效果演示
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图