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


 

 

 

 

 

你可能感兴趣的:(jquery笔记-外部插入节点)