jQuery操作DOM-创新互联
text()、html()是相对粗犷的方法，直接读取或设置元素的内容；
站在用户的角度思考问题，与客户深入沟通，找到泊头网站设计与泊头网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站制作、
成都网站设计 、企业官网、英文网站、手机端网站、网站推广、国际域名空间、
雅安服务器托管 、企业邮箱。业务覆盖泊头地区。
另外一些较为细致的操作是对某一个jQuery对象的增加、删除。
后面讲到的替换节点、包裹节点用到的比较少。
1、text(), html()
（1）使用html()方法读取或者设置元素的innerHTML
（2）使用text()方法读取或设置元素的innerText
2、动态创建和添加、删除DOM节点
2.1、创建DOM节点
使用$(html字符串)来创建DOM节点，并且返回一个jQuery对象，然后调用append等方法将新创建的节点添加到DOM中。$()创建的就是一个jQuery对象，可以完全进行操作
创建radio，使用$('
2.2、添加和删除DOM节点
append 方法用来在元素的末尾追加元素（最后一个子节点）
prepend ，在元素的开始添加元素（第一个子节点）
after 在元素之后添加元素
before 在元素之前添加元素
其他追加方法（将自己追加到某元素）
子元素.appendTo (父元素);
主动追加到最后一个
子元素.prependTo (父元素)
主动追加到第一个
A.insertBefore (B)
将A加到B前面，等同于B.before(A)
X.insertAfter (Y)
将X追加到Y的后面，等同于Y.after(X)
删除节点
empty () 清空某元素下的所有子节点
内部实现：while(ele.firstChild){ele.removeChild(ele.firstChild);}
remove (selector) 删除当前元素，返回值为被删除的元素。还可以继续使用被删除的节点。比如重新添加到其他节点下。
2.3、案例
示例：创建一个层
jQuery测试
$(function () {
$('#btn').click(function () {
//创建一个层，并把该层添加到body中
var divObj = $(' ').appendTo($('body'));
//divObj.css('width','300px').css('height','50px').css('border','solid 1px red').css('margin','5px');
divObj.css({"width":"300px","height":"50px","border":"solid 1px red","margin":"5px"});
});
});
效果图
示例：从json中取数据,动态创建表格
jQuery测试
var data = {"百度":"http://www.baidu.com","新浪":"http://www.sina.com","谷歌":"http://www.google.com"};
$(function(){
$('#btn').click(function () {
//创建table
var tableObj = $('');
for(var key in data)
{
var value=data[key];
//创建tr
var trObj = $(''+key+' '+key+' 效果图
示例：无刷新评论
jQuery测试
$(function () {
$('#btn').click(function () {
var uname = $('#txt').val();
var umsg = $('#msg').val();
var trObj = $(''+uname+' '+umsg+'
小明 你好啊 效果图
示例：删除元素
jQuery测试
.cls{
width:300px;
height:200px;
border:solid 1px red;
}
$(function () {
$('#btn').click(function () {
// $('#dv').empty();//清空层中的元素
// $('#dv').remove();//层没了，相当于自杀
$('input').remove('.mycls');//移除应用了cls样式的层
});
});
