文档操作
1.创建元素
$("<div></div>");--创建一个div元素
$("<div>xxxx</div>");--创建一个包含文本内容的div元素
$("<div><span>xxxx</span></div>");--创建一个包含子元素的div元素
2.添加子元素
parent.appdend(child);
var $span=$("<span></span>");
$div.appdend($span);
$div.appdend("<span></span>");
3.删除元素
$("div").remove(); -- 删除所有的div元素;
4.替换元素
$("div").replaceWith("p"); -- 用p元素替换所有的div元素
$("div").replaceWith("<p>这是一个p元素</p>"); -- 用p元素替换所有的div元素
2.html内容和属性操作
1.html()
$("div").html()
获取所有div中的第一个div的html内容
$("div").html("替换的内容")
给所有div设置html内容
2.text()
$("div").text()
获取所有div中的文本内容
$("div").text("替换的内容")
给所有div设置文本内容
3.attr()
$("div").attr("id")
获取所有div中的第一个div的id属性值
$("div").attr("title","neirong")
给所有div设置title属性
3.css操作
$("div").css("width")--获取所有匹配元素中的第一个元素的width
$("div").css("width","100px")--给所有匹配的元素设置width为100px
$("div").css({
"width":"100px",
"height":"150px",
"background":"cyan",
});--给所有匹配的元素同时设置多个css属性
{}--表示对象，key：value
4.其他相关
1.parent()
$("div").parent()--获取匹配元素的父元素
2.parents()
$("div").parents()--获取匹配元素的祖先父元素
3.find()
$("div span")
$("div").find("span")
--上面的两个选择器都是获取div内部的所有span元素
4.next()
$("div").next()--获取匹配元素的下一个紧邻的兄弟元素
$("div").next("span")--获取匹配元素的下一个紧邻的兄弟span元素
5.nextAll()
$("div").nextAll()--获取匹配元素的后面所有的兄弟元素
$("div").nextAll("span")--获取匹配元素的后面所有的span兄弟元素
6.prev()
$("div").prev()--获取匹配元素的前一个紧邻的兄弟元素
$("div").prev("span")--获取匹配元素的前一个紧邻的兄弟span元素
7.prevAll()
$("div").prevAll()--获取匹配元素的前面所有的兄弟元素
$("div").prevAll("span")--获取匹配元素的前面所有的span兄弟元素
8.siblings()
$("div").siblings()--获取匹配元素的前后所有的兄弟元素
$("div").siblings("span")--获取匹配元素的前后所有的span兄弟元素
