JQuery 备忘

=======================================================
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);

-----------------------------------------------------