个人笔记

1.append和appendTo

append后面的节点被添加到append前面节点的后面;

appendTo前面的节点被添加到appendTo后面节点的后面;

2.before和insertBefore

bofore后面的节点被添加到before前面节点的前面;

insertBefore前面的节点被添加到insertBefore后面节点的前面;

3.replaceWith和replaceAll;

replaceWith前面的元素被后面的元素替换掉(replaceAll刚好想反);

<button>按钮1</button>

<button>按钮2</button>

<button>按钮3</button>

<p>这是一个段落</p>

$("button").replaceWith($("<p>这是一个段落</p>"));//上面变为四个这是一个段落;

$("<button>按钮4</button>").replaceAll($("p"));//上面变为按钮1,2,3,4

4.width和width()区别

非普通元素:指window.document这些元素对象;

普通元素:是指除非普通元素以外的元素,如div;

width和width()都可以获取宽度,要注意的是:

.css("width")会带单位,

.width()不带单位.对于非普通元素,只能用.width();

5.隐式迭代

jquery对象是一个数组对象;

$.each($("input"),function(index,domEle){});

console.log(domEle.value);

console.log(this.value);

console.log($(this).val());

$.each(obj,callback)方法;

obj--需要遍历的数组或对象

callback--回调函数

function(index,domEle)

index--遍历数组或对象的索引值

domEle--遍历数组或对象得到的每个元素(DOM对象).