jquery DOM操作

一、獲取與設置：

ele.text('mytext'); 設置所選元素的文本內容

ele.text(); 返回所選元素的文本內容

ele.html('myhtml'); 設置所選元素的內容

ele.html(); 返回所選元素的內容

ele.val('myval'); 設置表單字段的值

ele.val(); 返回表單字段的值

ele.attr('href', 'http://www.baidu.com'); 設置屬性值

ele.attr('href'); 返回屬性值

同時設置多個屬性值：

ele.attr({

'href' : 'http://www.baidu.com',

'title' : 'mytitle'

});

用回調方法設置：

ele.text(function(i, orig){
	//todo
	return "mytext"+orig;
});

ele.html(function(i, orig){
	//todo
	return "myhtml"+orig;
});

ele.val(function(i, orig){
	//todo
	return "myval"+orig;
});

ele.attr('title', function(i, orig){
	//todo
	return "title"+orig;
});

tip:

注意 回調方法中 i 的含義

表示當前文檔內同一個選擇器下所有的元素集合中的index（索引）

二、添加與刪除

1.添加元素：

append()  在被選元素的結尾插入內容

添加單個（常用）：

ele.append('ele1');

添加多個：

ele.append('ele1', 'ele2', 'ele3');

prepend()  在被選元素的開頭插入內容

after()  在被選元素之後插入內容

before()  在被選元素之前插入內容

tip:

append(), prepend(), after(), before()四個均有添加多個元素的方法，

不過常用的還是添加單個元素，通過字符串連接可達到一次性添加多個元素的目的。

2.刪除元素：

remove()   刪除被選元素（及其子元素）

ele.remove();

empty()  從被選元素中刪除子元素

ele.empty();