当前位置 博文首页 > 立志欲坚不欲锐,成功在久不在速度:jQuery - 添加/删除元素

    立志欲坚不欲锐,成功在久不在速度:jQuery - 添加/删除元素

    作者:[db:作者] 时间:2021-07-31 15:02

    jQuery - 添加元素

    ? ? ? 有四个个方法可以用于jQuery的元素添加:

    1. append()? 在被选元素的结尾插入内容
    • 语法: $("p").append("添加的内容");

    ? ? ? 2.prepend()? 在被选元素的开头插入内容

    • 语法: $("'p").prepend("添加的内容");
    • 可以通过append()和prepend()方法添加多个新元素

    例子:

    function appendText()
    {
    var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
    var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
    var txt3=document.createElement("p");  // 以 DOM 创建新元素
    txt3.innerHTML="Text.";
    $("p").append(txt1,txt2,txt3);         // 追加新元素
    }

    ?

    3.after() 在被选元素的前面插入内容

    ? ? ? ? ? 语法:$("'p").after("添加的内容");

    4.before()在元素后面插入

    ? ? ? ? ? 语法: $("p").before("添加的内容");

    ?

    jQuery -? 删除元素/内容

    ?

    1. remove() 方法 删除被选元素及其子元素

    语法

    ?$("p").remove();

    ?

    ? ? ? 2.empty() 方法 删除被选元素的子元素?

    语法:

    $("p").empty();

    通过选择参数来过滤被删除的元素

    例子:?

    $("p").remove(".italic")

    ?

    cs