jquery笔记-外部插入节点
外部插入节点
after(content);在每一个匹配元素之后插入内容
$("rsl").after($("#r"));
before(content)在每个匹配的元素之间插入内容
$("rsl").before($("#r"));
insertAfter(content);把所有匹配的元素插入到另一个，指定的元素集合的后面
$("#r").insertAfter($("#company"));
insertBefore(content);把所有匹配的元素插入到另一个，指定的元素集合的前面
$("#r").insertBefore($("#company"));
查找节点
查找属性节点：查找到所需要的元素后，可以调用attr()方法来获取他的各种属性值
查找节点
alert($("#bj").attr("name"));//返回name的值
追加节点
1,创建节点
var $rs=$("<li></li>");
2，添加属性
$rs.attr("id","r");
$rs.attr("name","荣");
3，添加文本
$rs.text("荣");
4,追加到后面
$("company").append($rs);
实战：
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<meta charset=utf-8 />
<title></title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</style>
</head>
<body>
<script type="text/javascript">
<!--
$(function(){
jQuery("#create-issue-submit").click(function(){
if(jQuery("#customfield_11000").val().length>80){
if($("div[data-field=customfield_11000]").size()==0){
var rs=$("<div><div>");
rs.attr("data-field","customfield_11000");
rs.attr("class","error");
rs.text("稿件简介中包含的字符个数不应该超过全角80字符，半角160字符。");
$("#customfield_11000").after(rs);
return false;
}
}else{
$("div[data-field=customfield_11000]").remove();
return true;
}
});
});
//-->
</script>
<textarea class="textarea long-field" cols="40" id="customfield_11000" name="customfield_11000" rows="5"></textarea>
<input accesskey="s" title="按 Alt+s 提交这个表单" class="button" id="create-issue-submit" name="Edit" type="submit" value="创建">
</body>
</html>
删除节点
删除节点
<ul>
<li id="bj">北京</li>
<li id="tj"> 天津</li>
</ul>
删除北京
1,remove 删除此节点和子节点
$("#bj").remove();
var $bj = $("#bj").remove();
alert($bj.attr("name"));
2,rempty 删除子节点,不删除此节点
$("#city").empty();