doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>51-jquery新增節點相關方法
title
>
<
script
src="js/jquery-1.12.4.js"
>
script
>
<
script
>
$(function
() );
});script
>
head
>
<
body
>
<
button
>新增節點
button
>
<
ul>
<
li>我是第1個li
li>
<
li>我是第2個li
li>
<
li>我是第3個li
li>
ul>
<
div>我是div
div>
body
>
html
>
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>52-jquery刪除節點相關方法
title
>
<
script
src="js/jquery-1.12.4.js"
>
script
>
<
script
>
$(function
() );
$("div
").click(
function
() );
});script
>
head
>
<
body
>
<
button
>刪除節點
button
>
<
ul>
<
li class
="item"
>我是第1個li
li>
<
li>我是第2個li
li>
<
li class
="item"
>我是第3個li
li>
<
li>我是第4個li
li>
<
li class
="item"
>我是第5個li
li>
ul>
<
div>
我是div
<
p>我是段落
p>
div>
body
>
html
>
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>53-jquery替換節點相關方法
title
>
<
script
src="../jquery基礎/js/jquery-1.12.4.js"
>
script
>
<
script
>
$(function
() );
});script
>
head
>
<
body
>
<
button
>替換節點
button
>
<
h1>我是標題1
h1>
<
h1>我是標題1
h1>
<
p>我是段落
p>
body
>
html
>
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>54-jquery複製節點相關方法
title
>
<
script
src="js/jquery-1.12.4.js"
>
script
>
<
script
>
$(function
() );
$("button
").eq(
1).click(
function
() );
$("li
").click(
function
() );
});script
>
head
>
<
body
>
<
button
>淺複製節點
button
>
<
button
>深複製節點
button
>
<
ul>
<
li>我是第1個li
li>
<
li>我是第2個li
li>
<
li>我是第3個li
li>
<
li>我是第4個li
li>
<
li>我是第5個li
li>
ul>
body
>
html
>
jQuery節點操作
動態建立元素 建立出來的元素是乙個jquery物件 1 完整的標籤 動態建立元素 模擬js中的document.createlement 只不過這個方式裡面放的是完整的標籤 例如 建立乙個li標籤 2 html 完整的標籤 新增元素 作用 在被選元素內部的最後乙個子元素 或內容 後面插入內容 存在 ...
jQuery 節點操作
首先建立節點 var button1 建立了乙個按鈕節點 img remove img title 這是建立的節點 刪除 title 這是建立的節點 的img節點 img eq 0 remove 刪除索引為0的img節點 插入節點 p1 after pstr 在節點p1的後面插入pstr節點 p1 ...
jQuery節點操作
jquery節點操作 建立節點 var a baidu 新增節點 a.新增到子元素的最後面 常用 在 div 的內部最後追加乙個 p b.新增到子元素的最前面 div prepend p 在 div 的內部最前面新增乙個 p p prependto div 在 div 的內部最前面新增乙個 p 可以...