1.定義和用法
after(content):在被選元素之后插入內容
示例:
<body> <script type="text/javascript"> //入口函數 $(document).ready(function(){ // 創建文本節點 var $jsp = $("<h1>hello world</h1>") //插入 $("#box").after($jsp) }) </script> <div id="box">123</div> </body>
輸出:
insertAfter(content):在被選元素之后插入內容
示例:
<body> <script type="text/javascript"> //入口函數 $(document).ready(function(){ // 創建文本節點 var $jsp = $("<h1>hello world</h1>") //插入 $jsp.insertAfter($("#box")) }) </script> <div id="box">123</div> </body>
輸出:
before(content):在被選元素之前插入內容
示例:
<body> <script type="text/javascript"> //入口函數 $(document).ready(function(){ // 創建文本節點 var $jsp = $("<h1>hello world</h1>") //插入 $("#box").before($jsp) }) </script> <div id="box">123</div> </body>
輸出:
insertBefore(content):在被選元素之前插入內容
示例:
<body> <script type="text/javascript"> //入口函數 $(document).ready(function(){ // 創建文本節點 var $jsp = $("<h1>hello world</h1>") //插入 $jsp.insertBefore($("#box")) }) </script> <div id="box">123</div> </body>
輸出: