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){//todoreturn "mytext"+orig;});ele.html(function(i, orig){//todoreturn "myhtml"+orig;});ele.val(function(i, orig){//todoreturn "myval"+orig;});ele.attr('title', function(i, orig){//todoreturn "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();