=======================================================
DOM 操作
=======================================================
$("ul").append("<li title='属性节点'>文本节点</li>");
$("<li title='属性节点'>文本节点</li>").appendTo("ul");
prepend();
prependTo();
$("ul").after("<br/>");
$("<br/>").insertAfter("ul");
before();
insertBefore();
var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");
$("ul li:eq(1)").appendTo("ul");
$("ul li:eq(1)").empty();
$("ul li:eq(1)").clone().appendTo("ul");
$("ul li:eq(1)").clone(true).appendTo("ul");
$("p").replaceWith("<strong>粗体</strong>");
$("<strong>粗体</strong>").replaceAll("p");
$("strong").wrap("<b></b>");
$("strong").wrapAll("<b></b>");
$("strong").wrapInner("<b></b>");
-----------------------------------------------------
$("p").attr("title");
$("p").attr("title", "属性值");
$("p").attr( { "属性名1" : "属性值1", "属性名2" : "属性值2" } );
html();
text();
val();
val( [ "多选项1的名称或值", "多选项2的名称或值" ] );
$("p").removeAttr("title");
-----------------------------------------------------
$("p").attr("class", "high");
$("p").addClass("another");
$("p").removeClass("another");
$("p").removeClass("high another");
$("p").removeClass();
$("p").toggleClass("another");
$("p").hasClass("another");
$("p").is(".another");
-----------------------------------------------------
var $childs = $("ul").children();
$childs.length;
$childs[0].html("第一个");
parent();
parents();
var $next = $("ul").next();
nextAll();
prev();
prevAll();
siblings();
closest();
find();
filter();
-----------------------------------------------------
$("p").css("color");
$("p").css("opacity", "0.5");
$("p").css( { font-Size : 30, background-color : "#888888" } );
$("p").css( { "fontSize" : "30px", "backgroundColor" : "#888888" } );
height();
width();
var offset = $("p").offset();
var left = offset.left;
var top = offset.top;
var position = $("p").position();
var left = position.left;
var top = position.top;
scrollLeft();
scrollLeft(300);
scrollTop();
scrollTop(300);
-----------------------------------------------------