jquery常用的增删改查方法

前述

jQuery方法有很多 这里只列举常用的一些方法 其他的可以参考jQuery在线文档

增：

内部插入
append( )内部后面插入内容
appendTo( )
prepend( )
prependTo( )
外部插入
after（）
before( )
insertAfter( )
insertBefore( )

$("p").append("哈哈"); //在p内部追加

$("哈哈").appendTo("p"); //将哈哈追加到p的内部，可以用来移动元素

$("p").prepend("哈哈"); //在p的内部前置

$("哈哈").prependTo("p"); //将哈哈前置到p的内部，可以用来移动元素

$("p").after("哈哈"); //在p的后面插入

$("哈哈").insertAfter("p"); //将哈哈插入到p的后面，可以用来移动元素

$("p").before("哈哈"); //在p的前面插入

$("哈哈").insertBefore("p"); //将哈哈插入到p的前面，可以用来移动元素

删：

empty( )删除里面所有子节点
remove( )
detach( )

//remove()方法
$("ul li:eq(1)").remove(); //删除第二个li节点，返回这个节点的引用

$("ul li").remove("li[title!=菠萝]"); //删除title不等于菠萝的li元素

//detach()方法
$("ul li").click(function(){

alert($(this).html());

});

var li=("ul li:eq(1)").death();

$li.append("ul");

//从DOM中删除元素，但是保留他绑定的事件、附加的数据等等，重新追加这个元素，之前绑定的事件还在

改：

text（） html（） attr（） prop（)

//1.查找/修改元素节点

var li=("ul li:eq(1)");

var li_txt = $(li).text();//获取
var li_txt = $(li).text("内容");//修改
alert(li_txt);

//2.查找/修改属性节点

var para=("p");
var p_txt = $(para).attr("title");//获取
var p_txt = $(para).attr("title","值");//修改
alert(p_txt);

查：

next（）下一个元素
prev（）上一个元素

nextAll（ )所有下一个元素
prevNext( )所有上一个元素

nextUntil( )

siblings( )同级所有元素

parent( )上一级
parents( )所有上级