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》