jquery-DOM操作
来源:互联网 发布:二手交易软件排名 编辑:程序博客网 时间:2024/06/06 03:52
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<div class="box">
<p class="first_p">我是本地p标签</p>
</div>
<!-- <div class="box1">
<p>666</p>
<p>888</p>
</div>
-->
</body>
<script src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//创建节点
var newP=$('<p>我是甘肃扛把子创造了p标签</p>');
//添加节点
//从后面添加子节点
// $('.box').append(newP);
//从前面向父元素添加子节点
//$('.box').prepend(newP);
//向元苏前面添加同级节点
//$('.first_p').before(newP);
//向元素后面添加同级节点
//$('.first_p').after(newP);
//删除节点 empty remove
//$('.first_p').remove();//移除class名为first_p的节点
//$('.box').empty();//清空class名为box的节点 及其他子节点
//替换节点
//$('<h1>我是来替换你的</h1>').replaceAll('.first_p');
//.html()相当于原生JS中的innerHTML
$('.first_p').html('<h2>你追到我 我就让你嘿嘿</h2>');
</script>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<div class="box">
<p class="first_p">我是本地p标签</p>
</div>
<!-- <div class="box1">
<p>666</p>
<p>888</p>
</div>
-->
</body>
<script src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//创建节点
var newP=$('<p>我是甘肃扛把子创造了p标签</p>');
//添加节点
//从后面添加子节点
// $('.box').append(newP);
//从前面向父元素添加子节点
//$('.box').prepend(newP);
//向元苏前面添加同级节点
//$('.first_p').before(newP);
//向元素后面添加同级节点
//$('.first_p').after(newP);
//删除节点 empty remove
//$('.first_p').remove();//移除class名为first_p的节点
//$('.box').empty();//清空class名为box的节点 及其他子节点
//替换节点
//$('<h1>我是来替换你的</h1>').replaceAll('.first_p');
//.html()相当于原生JS中的innerHTML
$('.first_p').html('<h2>你追到我 我就让你嘿嘿</h2>');
</script>
</html>
阅读全文
0 0
- 【jQuery】jQuery操作DOM
- jQuery 的dom操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery DOM常见操作
- jQuery DOM操作
- jquery操作dom
- jQuery 的 DOM操作
- JQuery中的DOM操作
- Jquery Dom操作
- jQuery的DOM操作
- JQuery操作DOM
- Jquery操作DOM节点
- Jquery Dom操作
- JQuery的Dom操作
- JQuery操作DOM
- jQuery操作DOM
- 内核基础层提供的服务---软中断和tasklet 、 工作队列
- matlab2c使用c++实现matlab函数系列教程-max函数
- BZOJ3259(莫比乌斯反演 + 树状数组 + 离散处理 + 极性函数)
- matlab2c使用c++实现matlab函数系列教程-min函数
- sublime的下载地址及Package Control的安装
- jquery-DOM操作
- 获取本机IP
- matlab2c使用c++实现matlab函数系列教程-mean函数
- Kafka 实例
- matlab2c使用c++实现matlab函数系列教程-median函数
- Tyvj1078
- 1029:求矩阵的两对角线上的元素之和
- stdio.h及cstdio的区别
- [HDU](2187)悼念512汶川大地震遇难同胞——老人是真饿了 ---贪心