jquery中節點的操作以及一些其他方法的操作

2022-08-30 05:24:14 字數 1539 閱讀 3482

jquery中節點操作

1.   建立節點:

$(『html字串』): 如$(『hello jquery

』);2.   新增節點:

prepend ,  prependto  新增到元素內容的最前面

$('.father').prepend($('p'));

$('h2').prependto($('.father'));

before -- -> $a.before($b)  將b扔到a的前面(兄弟關係,相鄰)

$('.son').before($('.son2'));

after-- -> $a.after($b)  將b扔到a的後面(相鄰,兄弟關係)

$('.son').after($('.son2'));

3.   刪除節點

remove()自殺型

4.   清除節點

empty()清空所有內容

5.   轉殖節點

clone(引數) [都是深拷貝]

false:預設值,轉殖結構,不轉殖事件

true: 轉殖結構,也轉殖事件

$(『p』).clone(true)

6.   其他的一些方法:

val() 獲取和設定value值

html()設定或獲取html值,相當於innerhtml

text()設定和獲取text文字值,相當於innertext

獲取盒子的寬高

width/height  ----------- content

innerwidth/innerheight -------content + padding

outerwidth/ outerheight --------content +padding + border

outerwidth(true)/outerheight(true) -----content + padding + border + margin

滾動事件中獲取設定以及實現animate動畫的方法---scrolltop

1.    獲取頁面捲曲的高度

$(window).scrolltop()

底層js的實現則是通過

var scrolltop = window.pageyoffset || document.documentelement.scrolltop || document.body.scrolltop

2.    設定頁面捲曲的高度

$(window).scrolltop(值)

底層js的實現; document.documentelement.scrolltop(值)

pageyoffset 是唯讀屬性,不能用於設定操作

3.    實現animate動畫時,需要給html設定

$('html').animate();

offset()獲取的是距離整個document頁面左頂點的距離

返回值是個物件:如

position()獲取的是距離最近的有定位的祖輩元素的距離

返回值是個物件: 如

jquery中DOM節點操作(一)

jquery中節點操作主要包括建立節點,插入節點,刪除節點,替換節點,複製節點以及包裹節點。1.建立節點 建立元素節點 建立文字節點 建立屬性節點 2.插入節點 向匹配元素的內部的後面追加內容 prepend 向匹配的元素的內部的前面追加指定的元素 prependto 將匹配的元素新增到指定的元素內...

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 ...