jquery手册

最新推荐文章于 2025-04-25 12:52:01 发布

jaray

最新推荐文章于 2025-04-25 12:52:01 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/jaray/article/details/8710940

js 专栏收录该内容

60 篇文章

订阅专栏

<html>
<head>
</head>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function jq(){
	//after append
	//alert($("#test").href());
	//$("#test").after($("p"));//把p标签放到了id=test后面，放到了id所在标签的外面
	//$("p").append($("#test"));//将id=test的对像放到p标签的后面，并在p标签的内部
	//$("p").appendTo($("#test"));//将id=test的对象放到P标签的前面
	//$("#test").clone().appendTo($("a"));//复制id=test的对象，放到了a标签的后面
	//$("#test").empty();//将id=test的标签去掉，包括里面的内容
	//$("#test").remove();//将id=test的标签去掉，包括里面的内容
	//$("#test").append($("div"));//将div中的内容包到id=test的标签
	//$("#test").appendTo($("div"));//将id=test的对象放到P标签的前面
	//$("#test").prepend($("div"));//将div标签放到p标签内部，放放在p标签内容的前面
	//$("p").wrap("<div class='wrap' style='bacdground:0fffff;color:red'></div>");//执行后，将p标签放到wrap标签中
	//$("p").wrap(document.getElementById('content'));//执行后，将p标签放到id=content标签中
	
	/********在原对象的基础上，加上add后面的对象
	var f=$("p").add("span");
	for(var i=0;i<$(f).size();i++){
		alert($(f).eq(i).html());		
		}********/
	
}
</script>
<!--
<p id="test">after</p><a href="#" onclick="jq()">jQuery</a>
-->

<!--将id=test的标签内容全部清空
<div id="test">
	<span>span</span>
	<p>after</p>
</div>
<a href="#" onclick="jq()">jQuery</a>
-->

<!--append(elem) appendTo(elem) prepend(elem)-->

<!--append(elem)//将div中的内容包到id=test的标签
<p id="test" style="bacdground:0fffff;color:red">p</p>
<div>div</div>
<a href="#" onclick="jq()">jQuery</a>
-->


<!--append(elem)//将div中的内容包到id=test的标签
<p id="test" style="bacdground:0fffff;color:red">p</p>
<div>div</div>
<a href="#" onclick="jq()">jQuery</a>
-->

<!--执行后，将p标签放到wrap标签中
<p>Test Paragraph.</p><a href="#" onClick="jq()">jQuery</a>-->

<!--执行后，将p标签放到id=content标签中
<p>Test Paragraph.</p><div id="content" style="bacdground:0fffff;color:red"></div>
<a href="#" onclick="jq()">jQuery</a>
-->
<!---->
<p>hello</p><p><span>hello again</span></p>
<a href="#" onclick="jq()">jQuery</a>

</html>