Jquery文档处理


查找元素节点:

$("ul li:eq(1)").text();

//获取<ul>里第2个<li>节点元素的文本内容



查找属性节点:

$("p").attr("title");

//获取<p>元素节点属性title



创建元素节点:

var $li_1 = $("<li></li>");

$("ul").append($li_1);

//向ul元素追加内容



删除节点:

$("ul li:eq(1)").remove();

//获取第2个<li>元素节点后,将它从网页中删除



清空节点:

$("ul li:eq(1)").empty();

//获取第2个<li>元素节点后,清空此元素里的内容,注意是元素里



复制节点:

$("ul li").click(function(){

   $(this).clone().appendTo("ul");

}

//复制当前单击的节点,并将它追加到<ul>元素中



替换节点:

$("p").replaceWith("把p的内容替换成这个");

$("把p的内容替换成这个").replaceAll("p");



包裹节点:

$("strong").wrap("");

//使用wrap()方法包裹<strong>元素



设置属性:

$("p").attr("title","you title");

//设置单个的属性值



删除属性:

$("p").removeAttr("title");

//删除<p>元素的属性title



样式操作:

var p_class = $("p").attr("class");   //获取<p>元素的class

$("p").attr("class","class");    //设置p元素的class为high,并不追加

$("p").addClass("another");    //给<p>元素追加"another"类



移除样式:

$("p").removeClass("another");  //选择p元素移除another这个类



切换样式:

$toggleBtn.toggle(function(){   //toggle():交替一组动作

    //显示元素  

},function(){

    //隐藏元素




判断是否含有某个样式:

$("p").hasClass("another");

//判断p元素是否含有another类



设置HTML值

$("p").html("添加HTML元素");

//设置p元素的HTML代码



获取文本值

$("p").text();      //获取p元素的文本值

$("p").text("内容");  //设置p元素的文本值为“内容”



var()方法:

$("input").val();    //获取表单的值

$("input").val("表单的值");   //设置表单的值



遍历节点:

$("ul").children();

//获取ul下的子元素集合



$("ul li(2)").next();

//选择li(2)的下一个元素,li(3)



$("ul li(2)").prev();

//选择li(2)的下一个元素,li(1)



$("ul li").silblings();

//选择ul里面所有li的同级元素



——参考资料《锋利的Jquery》