发表日期： 2021-05-07 10:02:05 浏览次数：113
尉氏企业微信公众号小程序开发公司、尉氏企业网页设计方案、尉氏做网站开发价格、尉氏微信公众号制作运营报价明细表、尉氏网站设计公司费用、尉氏网站推广大概需要多少钱
尉氏县位于豫东平原，属河南省开封市。东邻通许县、扶沟县，南与鄢陵县、长葛县接壤，西与新郑市交界，北与祥符区、中牟县相连。南北长40.77公里，东西宽43.76公里，总面积约1307.7平方公里，总人口81万人（2000年），中共尉氏县委、尉氏县人民政府驻地：两湖街道。 [1]
尉氏古称“尉州”，是河南省经济管理扩权县，电价趸售优惠县，拥有省政府批准的全省八大特色基地之一的河南省中原纺织工业基地，省认定的尉氏高效农业示范园区。 [2]
2018年，全县完成地区生产总值388亿元，增长8%；一般公共预算收入首次突破20亿元、达到20.6亿元，增长16.8%；税收收入15.96亿元，增长29.9%；城镇和农村居民人均可支配收入预计达到26951元、13911元，分别增长8.3%和8.9%。 [3]
节点的相关操作
1.节点内部插入方法
append()、appendTo()、prepend()、prependTo()方法
描述：以上四个方法都是给某个节点内添加内容，只不过语法略有不同。
公共部分：
<script src="js/jquery-1.12.3.min.js"></script>
<style>
div {
width: 100px;
height: 100px;
border: 1px solid
}
</style>
<div>
<span>这是span</span>
</div>
语法：
A.append(B); 向【A节点内部现有内容之后】追加【B节点】
<script>
$('div').click(function() {
$(this).append($('<b>这是b标签</b>'));
// $('<b>这是b标签</b>').appendTo($(this));
})
</script>
B.appendTo(A); 将【B节点】追加到【A节点内部现有内容之后】
<script>
$('div').click(function() {
//$(this).append($('<b>这是b标签</b>'));
$('<b>这是b标签</b>').appendTo($(this));
})
</script>
C.prepend(B); 向【A节点内部现有内容之前】追加【B节点】
<script>
$('div').click(function() {
$(this).prepend($('<b>这是b标签</b>'));
//$('<b>这是b标签</b>').prependTo($(this));
})
</script>
D.prependTo(A); 将【B节点】追加到【A节点内部的现有内容之前】
<script>
$('div').click(function() {
//$(this).prepend($('<b>这是b标签</b>'));
$('<b>这是b标签</b>').prependTo($(this));
})
</script>
2.节点外部插入方法
公共部分：
<script src="js/jquery-1.12.3.min.js"></script>
<style>
div {
width: 100px;
height: 100px;
border: 1px solid;
}
</style>
<div>
这是div
</div>
after()、before()、insertAfter()、insertBefore()
描述：以上四个方法都是给某个节点在他的外部添加内容，只不过语法不同。
语法：
A.after(B); 在【A节点之后】添加【同级节点B】
<script>
$('div').click(function() {
$(this).after($('<h2>这是h2标签</h2>'));
// $('<h2>这是h2标签</h2>').insertAfter($(this));
})
</script>
B.insertAfter(B); 把【A节点】添加到【B节点之后】
<script>
$('div').click(function() {
//$(this).after($('<h2>这是h2标签</h2>'));
$('<h2>这是h2标签</h2>').insertAfter($(this));
})
</script>
C.before(B); 在【A节点之前】添加【同级节点B】
<script>
$('div').click(function() {
$(this).before($('<h2>这是h2标签</h2>'));
//$('<h2>这是h2标签</h2>').insertBefore($(this));
})
</script>
D.insertBefore(B); 将【A节点】添加到【B节点之前】
<script>
$('div').click(function() {
//$(this).before($('<h2>这是h2标签</h2>'));
$('<h2>这是h2标签</h2>').insertBefore($(this));
})
</script>
3.改变节点位置和包裹
公共部分：
<script src="js/jquery-1.12.3.min.js"></script>
<style>
.div1,
.div2,
.div3 {
width: 500px;
height: 150px;
border: 1px solid black;
margin: 20px;
}
div p {
width: 100px;
height: 100px;
background-color: skyblue;
float: left;
margin: 5px;
}
div .teshu {
background-color: orange;
}
</style>
<div class="div1">
<p class="teshu">teshu</p>
</div>
<div class="div2">
</div>
节点守恒定律
描述：通过搜索获得的节点在页面中只能同一时刻出现在一个位置
<script>
var $p = $('.teshu');
$('.div2').click(function() {
$(this).append($p);
})
$('.div1').click(function() {
$(this).append($p);
})
</script>
wrap()
描述：给当前jq对象添加一个父级元素节点
语法：A.wrap(B);
<script>
$('.div2').click(function() {
$(this).wrap($('<div></div>'));
});
</script>
当鼠标单击div2区域时：
4.删除节点和克隆
公共部分：
<script src="js/jquery-1.12.3.min.js"></script>
<style>
.div1,
.div2,
.div3 {
width: 500px;
height: 150px;
border: 1px solid black;
margin: 20px;
}
div p {
width: 100px;
height: 100px;
background-color: skyblue;
float: left;
margin: 5px;
}
div .teshu {
background-color: orange;
}
</style>
<div class="div1">
<p class="teshu">teshu</p>
</div>
<div class="div2">
</div>
删除节点
描述：
empty()表示清空节点的内容
remove()表示将自己删除
语法：
jq对象.empty();
jq对象.remove();
例子1：
<script>
$('body').click(function() {
$(this).empty();
//$(this).remove();
})
</script>
当单击body区域后会发现div1、div2都被清空了
例子2：
<script>
$('body').click(function() {
// $(this).empty();
$(this).remove();
})
</script>
当单击body区域后会发现div1、div2都被清空了
clone()
描述：相当于原生js中cloneNode()方法
语法：jq对象.clone();
<script>
$('.div2').click(function() {
$(this).append($('.teshu').clone());
})
</script>
当单击div2区域后：
尉氏企业微信公众号小程序开发公司、尉氏企业网页设计方案、尉氏做网站开发价格、尉氏微信公众号制作运营报价明细表、尉氏网站设计公司费用、尉氏网站推广大概需要多少钱
