jquery文档处理

    科技2022-07-31  104

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文档处理</title> </head> <body> <input type="text" value="123"> <input type="checkbox" name="hobby"> <div id="outer"> <div id="div1"> <H1>hello p1</H1> <h1>hello div2</h1> <div id="div3">hello div3 <p class="hh">hello p4</p> </div> </div> <p >hello p</p> </div> </body> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script> console.log($(":text").val()) console.log($(":checkbox").val()) //var ele = $("p") //$("#div1").append(ele) //插入到div1中,插入到里面的最后一个元素后面 //ele.appendTo($("#div1")) //将ele元素插入到div1中 //$("#div1").prepend(ele) //将ele元素插入到div1中最前面 //ele.prependTo($("#div1"))//将ele元素插入到div1中最前面 //$("#div1").before(ele) //将ele元素插入到div1的前面 //ele.insertBefore($("#div1"))//将ele元素插入到div1的前面 //$("#div1").after(ele) //将ele元素插入到div1的后面 //ele.insertAfter($("#div1"))//将ele元素插入到div1的后面 //$("p").remove('.hh') //将内部所有的元素全部删除 //$("#div3").empty() //div3 的框架仍存在 </script> </html>
    Processed: 0.011, SQL: 8