JQuery中的DOM操作
程序员文章站
2022-05-04 11:29:00
...
01JQuery中的DOM操作.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>01JQuery中的DOM操作</title>
<!--
描述：
内部插入:
append : 添加子元素到末尾
appendTo : 给自己找一个爹,将自己添加到别人家里
prepend : 在子元素前面添加
prependTo:
外部插入:
after : 在自己的后面添加一个兄弟 (跟自己是同级)
before:
insertAfter:
insertBefore:
-->
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script>
//文档加载内容
$(function(){
//绑定点击事件
$("#btn1").click(function(){
//$("#div1").append("<font color='red' size='7'>森林风景区</font>");//可行
//$("<font color='red' size='7'>森林风景区</font>").appendTo("#div1");//可行
//$("#div1").prepend("<font color='red' size='7'>森林风景区</font>");//可行
$("#div1").after("<font color='red' size='7'>森林风景区</font>");
});
});
</script>
</head>
<body>
<input type="button" id="btn1" value="点我"/><br />
<div id="div1">
这里一会添加内容
</div>
</body>
</html>
下一篇： Python 2 的网络爬虫