jquery 文档处理 html文档处理 复制一个标签,添加一个标签

news/2024/7/10 22:58:33 标签: jquery, javascript, ecmascript

文章主题

jquery 文档处理

文章正文

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
		<script src="js/index8.js"></script>
	</head>
	<body>
		<pre>
		<input id="uname" type="text" />
		<div id="d1">里面追加内容</div>

			<li id="li1">aaaa</li>
			
			<div id="d2">
				empty
			</div>

		</pre>
	</body>
</html>
javascript">$(function(){
	$("#d1").append("end");//在标签的内容后面追加
	$("#d1").prepend("start");//在标签的内容前面追加
	$("#uname").before("用户名");//在标签对象的前面追加
	$("#uname").after("<span>*</span>")//在标签对象的后面追加
	$("#li1").wrap("<ul></ul");//在标签的外面包裹一个ul
	$("#li1").wrapInner("<a href=''></a>");//在标签的里面包裹一个a标签
	$("#d2").empty();//情况内容
	$("#d2").remove();//移除对象
	$("ul").append($("#li1").clone())//复制
})

运行效果

在这里插入图片描述


http://www.niftyadmin.cn/n/1678842.html

相关文章

.net项目发布

转载于:https://blog.51cto.com/dingzhaoqiang/1707668

Codestorm:Counting Triangles 查各种三角形的个数

题目链接&#xff1a;https://www.hackerrank.com/contests/codestorm/challenges/ilia 这周六玩了一天的Codestorm&#xff0c;这个题目是真的很好玩&#xff0c;无奈只做出了四道题&#xff0c;自己太菜&#xff0c;difficult的题目一道题都没出&#xff0c;把moderate的题目…

boost bind和function实现动态不定参数绑定原来如此简单

2019独角兽企业重金招聘Python工程师标准>>> void test1() { //do something }void test2(int i) { //do something }void test3(int i, int j) {}struct A {void test(int i, int j){} }boost::function<void()> f; boost::function<void(int)> f1f b…

jquery事件的使用

文章主题 jquery事件的使用 正文部分 绑定事件 <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><script src"js/jquery.min.js"></script><script src"js/index10.js&quo…

android EditText控件如何禁止输入内容

问题&#xff1f;android EditText控件如何禁止往里面输入内容&#xff1f;修改版解决方法&#xff1a;EditText editText (EditText) findViewById(R.id.editText1);editText.setKeyListener(null);看到这个问题大家可能有点奇怪了&#xff0c;EditText的功能不就是往上面写…

利用TFTP备份和恢复Cisco路由器的IOS

tftp&#xff0c;一个功能强大的ftp代替软件&#xff0c;它强大的ftp功能可以绕过主机的用户名和口令验证&#xff0c;绕过IPC$通道&#xff0c;直接COPY我们需要的文件&#xff0c;使用极其方便。一、上传&#xff1a; 格式&#xff1a;tftp -i 现在你的IP get 源文件 盘符&am…

使用 8 位 YUV 格式的视频呈现

发布日期 : 12/9/2004 | 更新日期 : 12/9/2004Gary Sullivan 和 Stephen Estrop Microsoft Digital Media Division 适用于&#xff1a; Microsoft Windows, Microsoft DirectShow 摘要&#xff1a;本文讲述了在 Microsoft Windows 操作系统中呈现视频时推荐使用的 8 位 YUV 格…

Facebook是如何收集其Android应用性能数据的

Facebook一直致力于不断提高Android应用的运行速度。虽然他们内部已经有类似CTScan这样的性能跟踪系统&#xff0c;但Android生态系统的多样性使他们无法在实验室中测试每一种可能。因此&#xff0c;他们希望通过遥测技术从人们真实使用的Android手机中收集性能信息来补充测试数…