jQuery节点操作
admin
2023-02-13 10:00:09
0次

1.元素节点操作

（1）创建节点

（2）插入节点
append（）和appendTo（）：在现存元素的内部，从后面插入元素

prepend（）和prependTo（）：在现存元素内部，从前面插入元素

after（）和insertAfter()：在现存元素外部，从后面插入元素

before（）和insertBefore（）：在现存元素的外部，从前面插入元素

$(function(){
/通过HTML的字符串的方式添加节点性能最高，只写a页面就只有a/
/$('.div1').html($('.div1').html()+'123')/

    /*新建一个带有属性的a标签，并在后面添加*/
    $a = $('123');
    /*父元素内的后面放入子元素*/
    /*$('.div1').append($a);*/
    $a.appendTo($('.div1'));

    /*新建立一个空标签*/
    $a001 = $('');
    $('.div1').append($a001);

    /*父元素的前面放入子元素*/
    $p = $('
123
');
    $('.div1').prepend($p);

    /*在元素外部的后面插入，before前面*/
    $d = $('
466
');
    $('.div1').after($d);
})

（3）删除节点

$(function(){
/把P标签放到h3前面/
$('#no2').insertBefore($('#title'));
/把span标签放进p标签里面/
$('#no3').appendTo($('#no2'));
/删除标签/
$('#title').remove();
})

例子：TO do list





To do list


    
To Do List


jQuery节点操作

上一篇：jQuery Ajax & jsonp

下一篇：jQuery事件

相关内容

热门资讯

中央决定：华润集团董事长调整 2026年7月23日，华润（集团）有限公司召开中层以上管理人员大会。中央组织部有关负责同志宣布了党中...
学习笔记丨“努力让每个孩子都能... 制作：王宇峰 岳小乔 贾雪
活力中国调研行丨一束“光”的故... 它被称为“最快的刀”“最准的尺”“最亮的光”。从一束“光”到一颗“芯”，再到规模千亿的产业集群，今天...
携手前沿技术 共创智能未来 携手前沿技术 共创智能未来 ——来自2026年世界互联网大会数字丝路发展论坛的声音 夏日长安，秦岭叠...
上海浩劢取得桌面式轻型悬臂吊专... 国家知识产权局信息显示，上海浩劢工业科技有限公司取得一项名为“桌面式轻型悬臂吊”的专利，授权公告号C...
毒油风暴未歇民进党却急着上架，... 海峡导报综合报道 岛内毒油食安风暴持续延烧，台北市长蒋万安持续号召民众7·25上凯道，但“食药署”2...
WAIC挤满“卖铲人”，但算力... 2026年的WAIC，机器人依然抢占了绝大多数镜头。但展馆里数量增长最快的，是自称“AI Infra...
对话芯展速许玮：“内存墙”下，... Token经济时代，衡量AI价值的标准，正从模型能力转向Token生产效率。AI因此从工具演变为新的...
菲尔兹奖得主邓煜写过这些诗词 邓煜 李少君 徐俪成 | 澎湃新闻记者 徐萧 整理北京时间7月23日晚，中国数学家王虹、邓煜获颁菲尔...
中国海警局新闻发言人就菲位南海... 中国海警局新闻发言人姜略表示，7月24日，菲律宾组织7艘公务船、3艘海警舰、1艘运鱼船，并唆使大量渔...