節點的操作(二)

2021-08-25 10:03:33 字數 2331 閱讀 6191

節點的複製

$(function())

});$(function())

});節點的替換

$(function());

包裹節點

$("strong").wrap("");//用元素把元素包裹起來

$("strong").wrap("");//用元素把元素包裹起來

});$("strong").wrap("");//用元素把元素包裹起來

$("strong").wrapall("");//用元素把元素包裹起來

});屬性操作

$(function());

//獲取元素的屬性'title'

$("input:eq(1)").click(function());

//刪除元素的屬性'title'

$("input:eq(2)").click(function());

});樣式操作

$(function());

//設定樣式

$("input:eq(1)").click(function());

//追加樣式

$("input:eq(2)").click(function());

//刪除全部樣式

$("input:eq(3)").click(function());

//刪除指定樣式

$("input:eq(4)").click(function());

//重複切換樣式

$("input:eq(5)").click(function());

//判斷元素是否含有某樣式

$("input:eq(6)").click(function());

});樣式操作

$(function());

//設定樣式

$("input:eq(1)").click(function());

//追加樣式

$("input:eq(2)").click(function());

//刪除全部樣式

$("input:eq(3)").click(function());

//刪除指定樣式

$("input:eq(4)").click(function());

//重複切換樣式

$("input:eq(5)").click(function());

//判斷元素是否含有某樣式

$("input:eq(6)").click(function());

});設定和獲取html,文字和值

$(function());

//獲取元素的文字

$("input:eq(1)").click(function());

//設定元素的html**

$("input:eq(2)").click(function());

//設定元素的文字

$("input:eq(3)").click(function());

//設定元素的文字

$("input:eq(4)").click(function());

//獲取按鈕的value值

$("input:eq(5)").click(function());

//設定按鈕的value值

$("input:eq(6)").click(function());

});$(function()

});$("#address").blur(function()

})$("#password").focus(function()

});$("#password").blur(function()

})});

$(function()

});$("#address").blur(function()

})$("#password").focus(function()

});$("#password").blur(function()

})});

設定被選中

$(function());

//設定多選下拉框選中

$("input:eq(1)").click(function());

//設定單選框和多選框選中

$("input:eq(2)").click(function());

});$(function());

//設定多選下拉框選中

$("input:eq(1)").click(function());

//設定單選框和多選框選中

$("input:eq(2)").click(function());

});

節點和節點操作

節點 一般的,節點擁有nodetype 節點型別 nodename 節點名稱 和nodevalue 節點值 這三個基本屬性.頁面中所有元素都是節點 元素節點 nodetype 為1 屬性節點 nodetype 為2 文字節點 nodetype 為3 文字節點包括文字.空格.換行等 利用dom樹可以把...

查詢節點 操作節點 刪除節點

insertbefore 在指定的已有子節點之前插入新的子節點 ul.insertbefore linew,li2 replacechild 該方法用新節點替換某個子節點 兩個引數 replacechild 要插入的節點,被替換的節點 返回被替換的節點 document.body.newnode v...

子節點的操作

描述 開始 最後 前 一 後一節點操作 開始節點 firstelementchild firstchild 最後節點 lastelementchild lastchild nextelementsibling nextsibling previouselementsibling previoussi...