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