ジョブ:Webサイトの構築-知識準備-jQueryノードのクリアと削除-empty(),remove()

15333 ワード

ウェブサイトのデザイン jQuery学習ノート

Empty()とremove()



<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <input type="button" value="append" id="btnAppend"/>
    <input type="button" value="prepend" id="btnPrepend"/>
    <input type="button" value="after" id="btnAfter"/>
    <input type="button" value="before" id="btnBefore"/>
    <input type="button" value="appendTo" id="btnAppednTo"/>
    <input type="button" value="empty" id="btn"/> 
    <ul id="ul1">
        <li>   1 li  1li>
        <li>   2 li  1li>
        <li id="li31">   3 li  1li>
        <li>   4 li  1li>
        <li>   5 li  1li>
    ul>
    <ul id="ul2">
        <li>   1 li  2li>
        <li>   2 li  2li>
        <li id="li32">   3 li  2li>
        <li>   4 li  2li>
        <li>   5 li  2li>
    ul>
body>
html>
<script src="../JQuery/jquery-1.12.4.js">script>
<script>
$(function(){
    $('#btn').click(function(){
        //1.
        $('#ul1').empty(); //       ，            

        //2.      
        $('#li32').remove(); //  

        //3.   ul，      li31    
        $('#li31').parent().remove();
    })
});
script>

【フロントエンドJS】radioオプションクリックで選択解除