jQuery學習筆記 DOM操作

2021-07-09 03:05:43 字數 676 閱讀 2746

1.1 dom物件轉jquery物件

$()把dom物件包起來即可

var domobj = document.getelementbyid('demo');

var jqueryobj = $(domobj);

1.2 jquery物件轉dom物件

2種方法:[index]和get(index)

var jqueryobj = $('#demo');

var domobj = jqueryobj[0];

var jqueryobj = $('#demo');

var domobj = jqueryobj.get(0);

1.建立節點

建立新元素可以用$()函式。 示例:將新建的li元素插入到ul中

head>

blueli>

whiteli>

redli>

ul>

src="">

script>

$(document).ready(function

());

script>

body>

html>

2.插入節點

Jquery學習筆記 DOM操作

prepend 向每個匹配的元素內部前置內容 prependto after 向每個匹配的元素之後插入內容 insterafter before 在每個匹配的元素之前插入內容 insertbefore 1.remove 該節點所包含的所有後代節點將同時被刪除 返回值是乙個指向已被刪除的節點的引用,因...

jQuery學習筆記 二 DOM操作

dom操作是對dom樹進行插入,刪除,修改。1.建立新元素可以有三種方法 1 var newelement 通過 函式建立 2 var newelement old clone 通過已有的元素進行複製,clone 可以傳遞true,這樣複製的元素也會複製已有元素的事件處理函式以及關聯資料 data ...

jQuery中的DOM操作學習筆記

首先構建乙個網頁,因為每張網頁都能用dom表示出來,每乙份dom都可以看作乙個dom樹。省略其他 title 選擇你最喜歡的水果 你最喜歡的水果是?p title 蘋果 蘋果li title 橘子 橘子li title 菠蘿 菠蘿li 省略其他 var li ul li eq 1 獲取ul裡第二個節...