12--Jquery中的DOM操作(替换节点)

  1. replaceWith():将所匹配的元素都替换为指定HTML或DOM元素
    实例1:

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>替换节点title>
    <script src="jquery-1.11.3.js">script>
head>
<body>
    <ul id="fruit">
        <li title="pg">苹果li>
        <li title="jz">橘子li>
        <li title="xj">香蕉li>
    ul>
    <script>
        $(function(){
      
            /*新建一个元素*/
            var $jz=$("
  • 桔子
  • "
    ); /*查找节点*/ var $li=$("li:eq(1)"); /*替换节点*/ $li.replaceWith($jz); })
    script> body> html>
    1. replaceAll():颠倒了repalceWith()方法。
    
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>替换节点title>
        <script src="jquery-1.11.3.js">script>
    head>
    <body>
        <ul id="fruit">
            <li title="pg">苹果li>
            <li title="jz">橘子li>
            <li title="xj">香蕉li>
        ul>
        <script>
            $(function(){
          
                /*新建一个元素*/
                var $jz=$("
  • 桔子1
  • "
    ); /*查找节点*/ var $li=$("li:eq(1)"); /*替换节点*/ $jz.replaceAll($li); })
    script> body> html>

    你可能感兴趣的:(Jquery,js,jquery,dom)