jq中的dom操作创建元素节点 javascript： var node = document.createElement(‘div’); jQuery：$(‘&div&&/div&’);创建文本节点 javascript：var txt = document.createTextNode(‘文字文本’); jQuery中创建一个有文本的div节点： $(‘&div&My Demo&/div&’);插入节点 javascript： var Newp = document.createElement(“p”);document.body.appendChild(Newp);jQuery：$( a ).append( c );append
----a里末尾插cappendTo
--c插到a里末尾 prepend -----a里前面插cprependTo --c插到a里前面after------a之后插cinsertAfter --c插到a之后before -----a之前插cinsertBefore -c插到a之前删除节点 javascript： var b = document.getElementById(“test”);var c = b.parentNc.removeChild(b);jQuery：$(‘#test′).remove();remove() 删除节点empty() 清空节点内容替换节点： javascript： Ele.replaceChild( newNode , oldNode );oldNode必须是Ele的一个子节点。jQuery：$(“&p&替换 &/p&”).replaceAll(“#test1″);复制节点: javascript： var mes = document.createTextNode("hello world");var Newp = document.createElement("p");Newp.appendChild(mes);document.body.appendChild(Newp);var clonep = Newp.cloneNode(true);document.body.appendChild(clonep);jQuery：var clone_a = a.clone(true);
深复制包括事件处理函数$('body').append(clone_a);&!DOCTYPE html&&html lang="en"&&head&&meta charset="UTF-8"&&title&DOM节点&/title&&style&*{margin:0;padding:0;list-style: none;}#box{
width:500px;
border:1px solid #333;}h1,h2,h3,div,button{
font-size: 30px;
color:#333;}span{color:blue;font-size: 40px;}&/style&&/head&&body&&button class="remove"&remove&/button&&button class="empty"&empty&/button&&button class="replaceAll"&replaceAll&/button&&div id="box"&
&h1&我是h1标签&/h1&
&h2&我是h2标签&/h2&
&h3&我是h3标签&/h3&
&h4&我是h4标签&/h4&&/div&&script src="jquery-1.8.3.js"&&/script&&script&//JS创建节点
var oDiv=document.createElement('div');
/*var Text=document.createTextNode('JS创建的div节点11');
oDiv.appendChild(Text);*/
oDiv.innerHTML='JS创建的div节点22';
document.body.appendChild(oDiv);//JQ创建节点
var a=$('#box');
var c=$('&span&我是JQ创建的span&/span&');
console.log(c);
console.log(a);
// a.append(c);
// $(a).append($(c));
// $('#box').append('&span&My Demo&/span&');
// $('#box').append($('&span&My Demo&/span&'));
// $(a).append(c);
// $(c).appendTo(a);
// $(a).prepend(c);
// $(c).prependTo(a);
// $(a).after(c);
// $(c).insertAfter(a);
//$(a).before(c);
// $(c).insertBefore(a);/*jQuery中删除节点*/
$('.remove').click(function(){
$('#box h2').remove();
})/*jQuery中清空节点内容*/
$('.empty').click(function(){
$('#box h4').empty();
})/*jQuery中替换节点*/
$('.replaceAll').click(function(){
$('&p&我是替换的p标签&/p&').replaceAll('#box h3');
})/*jQuery中复制节点*/
$('#box h1').click(function(){
alert('复制前的h1');
//深复制包括事件处理函数
var cloneaa=$('#box h1').clone(true);
$(a).prepend(cloneaa);&/script&&/body&&/html&jq常用方法.children() 获得匹配元素集合中每个元素的所有子元素.next() 获得匹配元素集合中每个元素的下一个同辈元素.prev() 获得匹配元素集合中每个元素紧邻的上一个同辈元素.parent() 获得当前匹配元素集合中每个元素的父元素.find(child) 获得当前匹配元素集合中每个元素的后代.siblings() 获得匹配元素集合中所有元素的同辈元素.end() 将匹配的元素变为前一次的状态.each() 循环，为每个匹配的元素执行函数.is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果有元素匹配给定的参数，则返回 true.addClass() 为每个匹配的元素添加指定的类名.removeClass() 从匹配的元素中删除全部或者指定的类.toggleClass() 从匹配的元素中添加或删除一个类.hasClass() 检查元素是否含有某个特定的类，有则返回true.attr() 设置或返回被选元素的属性值.removeAttr() 从每一个匹配的元素中删除一个属性.html() 设置或取得第一个匹配元素的html内容.val() 设置或返回匹配元素的值(表单元素).css() 设置或返回匹配元素的样式属性.width() 设置或返回匹配元素的宽度.height() 设置或返回匹配元素的高度.scrollLeft() 设置或返回匹配元素相对滚动条左侧的偏移.scrollTop() 设置或返回匹配元素相对滚动条顶部的偏移.position() 获取匹配元素相对于定位父元素的偏移.offset() 获取或设置匹配元素在当前视口的相对偏移.substr() 从字符串中抽取指定位置开始指定长度的字符JQ常用方法1&!DOCTYPE html&&html lang="en"&&head&&meta charset="UTF-8"&&title&JQ常用方法1&/title&&style&*{margin:0;padding:0;list-style: none;}#box{
width:500px;
border:1px solid #333;}h1,h2,h3,h4,div,button,li,span{
font-size: 30px;
color:#333;}.li22{
color:red;
font-size: 50px;
background: blue;}&/style&&/head&&body&&button class="btn1"&addClass&/button&&button class="btn2"&toggleClass&/button&&button class="btn3"&attr&/button&&button class="btn4"&removeAttr&/button&&button class="btn5"&html&val&/button&&input class="ipt" type="text"&&ul class="list"&
&li&li1111&/li&
&li class='li2'&li2222&/li&
&li class="li3 bg"&li3333&/li&
&li&li4444&/li&
&li&li5555&/li&&/ul&&div class="box"&
&span&我是span标签111&/span&
&span&我是span标签222&/span&
&span&我是span标签333&/span&
&span&我是span标签444&/span&&/div&&ul class="list"&
&li&li6666&/li&
&li class="li3"&li7777&/lsi&
&li&li8888&/li&
&li&li9999
&span class='html1'&我是li里面的span标签&/span&
&/li&&/ul&&script src="jquery-1.8.3.js"&&/script&&script&// children() 获得匹配元素集合中每个元素的所有子元素var $lis=$('.list').children();// var $lis=$('.list li')//同上console.log($lis.length);//9//next() 获得匹配元素集合中每个元素的下一个同辈元素$('.li3').next().css('background','red');// $('.li3+li').css('background','orange');// prev() 获得匹配元素集合中每个元素紧邻的上一个同辈元素$('.li3').prev().css('background','yellow');//parent() 获得当前匹配元素集合中每个元素的父元素$('.li3').parent().css('border','2px solid red');//find(child) 获得当前匹配元素集合中每个元素的后代$('.list').find('li').css('color','blue').find('span').css('color','red');//siblings() 获得匹配元素集合中所有元素的同辈元素$('.box span:eq(1)').siblings().css('border','2px solid blue');//end() 将匹配的元素变为前一次的状态$('.list').find('li').css('color','blue').find('span').css('color','red').end().css('color','black');// addClass() 为每个匹配的元素添加指定的类名$('.btn1').click(function(){
$('.list .bg').addClass('abc');})// toggleClass() 从匹配的元素中添加或删除一个类 $('.btn2').click(function(){
$('.list .li2').toggleClass('li22');})// hasClass() 检查元素是否含有某个特定的类，有则返回true// attr() 设置或返回被选元素的属性值$('.btn3').click(function(){
$('.list .li2').attr('classm','bcd');//设置属性
$('.list .li2').attr('classm');//获取
console.log($('.list .li2').attr('classm'));})// removeAttr() 从每一个匹配的元素中删除一个属性$('.btn4').click(function(){
$('.list .li2').removeAttr('class');})// html() 设置或取得第一个匹配元素的html内容// val() 设置或返回匹配元素的值(表单元素)$('.btn5').click(function(){
$('.html1').html('&span&我是html()方法设置的值&/span&');//设置
$('.ipt').val('请输入电话');//设置})&/script&&/body&&/html&each&is方法：&!DOCTYPE html&&html lang="en"&&head&&meta charset="UTF-8"&&title&&/title&&style&*{margin:0;padding:0;list-style: none;}#box{
width:500px;
border:1px solid #333;}h1,h2,h3,h4,div,button,li,span{
font-size: 30px;
color:#666;}&/style&&/head&&body&&ul class="list"&
&li&li1111&/li&
&li&li2222&/li&
&li class="li3"&li3333&/li&
&li&li4444&/li&
&li&li5555&span&我是li里面的span标签&/span&&/li&&/ul&&script src="jquery-1.8.3.js"&&/script&&script&
var $lis=$('.list li');/*为每个li添加背景颜色*/
//一般写法:
// $lis.css('background','yellow');
//each写法一：
/*$lis.each(function(){
$(this).css('background','pink');
//each写法二（）：
/*$lis.each(function(i){
$(this).css('background','pink');
console.log(i);//索引值
//each写法三：
/*$lis.each(function(i,target){//target--&当前执行函数的元素
$(target).css('background','pink');
console.log(i);//索引值
/*$lis.each(function(i,target){//target--&当前执行函数的元素
$(target).click(function(){
console.log(i);//索引值
//each--类的方法应用
/*$.each($lis,function(i,target){
$(target).css('background','yellow');
console.log(i);//索引值
/*var arr=['aa','bb','dd'];
$.each(arr,function(i,item){//遍历数组
console.log(i);//0,1,2
console.log(item);//aa,bb,dd
/*var obj={a:11,b:22,c:33}
$.each(obj,function(key,val){
console.log(key);//a,b,c
console.log(val);//11,22,33
})*//*is()--根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果有元素匹配给定的参数，则返回 true*/
$lis.click(function(){
if ($(this).is('.li3')) {
$(this).css('background','pink')
$(this).css('background','yellow');
})&/script&&/body&&/html&
最新教程周点击榜
微信扫一扫青岛地铁2号线&大脑中枢&9月竣工 - 青岛 -
本文作者:163686&&信息来源:163娱乐&&阅读:次
& & 地铁3号线通车运行之后,地铁2号线的建设进展就备受社会关注,地铁2号线建设到什么程度了?有没有最新的消息出来呢?据介绍,地铁2号线一期辽阳东路车辆段与综合基地工程可谓地铁区域网络的&大脑中枢&。3月27日,市城乡建设委建管局发布消息称,目前,该工程已经实现主体顺利封顶。下一步,该工程将进入二次结构装饰、装修、设备安装阶段,预计2017年9月竣工,项目竣工将为地铁2号线的通车运营打下坚实基础。& & 地铁2号线一期辽阳东路车辆段与综合基地工程是青岛市重点民生配套工程之一,总投资28456.36万元,建筑面积约7.4万平方米,由地上24层综合楼和地上6层控制中心组成,主要用于青岛市地铁2号线、4号线和11号线等的运营和指挥,　　记者了解到,该项目位于辽阳东路以北、合肥路以南、海尔路以东、深圳路以西,根据相关招投标标资料显示,该工程占地26.69公顷,主要建设内容包括出入段线区间土建工程和车辆段与综合基地的轨道、站场、工艺、建筑等工程。车辆段基地房屋总建筑面积164226平方米。物业开发盖下总建筑面积约231364平方米,其中盖下房屋建筑总面积113537平方米,盖下交通区及轨行区建筑面积117827平方米。盖下房屋建筑主要包括双层运用库及运转综合楼、检修主厂房、调机工程车库及材料棚、物资总库、综合维修车间、牵引混合降压变电所、污水处理站(含蓄电池间)、消防泵房及水池、消防控制室等。　　青岛地铁2号线一期工程辽阳东路车辆段与综合基地工程第三方监测内容主要为工程的监控量测、爆破振动、地质编录等。辽阳东路车辆段与综合基地综合楼、运营控制及应急指挥中心工程由综合楼塔楼、控制中心裙楼、应急指挥中心大楼及地下室组成,总建筑面积约13.6万平方米。根据人防相关规定,建筑物地下室配建人防工程,人防工程建筑面积约9251平方米。
　　据介绍,青岛地铁2号线一期工程路线全长25.2公里,均为地下线,途经市北区、市南区、崂山区、李沧区四个区,全线共设车站22座,均为地底站。建设范围起自泰山路站,止于李村公园站。据近期消息称,3月6日,随着青岛地铁2号线3号TBM最后一节后配套拖车安全吊出,2号线最后两台TBM吊出作业全部完成,2号线隧道机械化作业全部结束。3月17日,青岛市在线问政传出消息称,地铁2号线计划2017年底前实现东段通车。　　青岛地铁2号线除了一期工程,还有二期工程,青岛市城市轨道交通近期建设规划()环评报告公示显示,地铁2号线二期分为东延、西延两段,西延段线路起于黄岛区柳花泊站,终于一期泰山路站,线路全长约24.65公里；东延段线路起于一期李村公园站,终于11号线世博会站,线路全长约9公里。　　按照计划,&十三五&期间,青岛市将重点推进1号线、2号线、4号线、6号线一期、8号线、11号线、13号线等多条轨道交通工程,市域范围内基本形成互联互通的轨道交通网络。未来,青岛市还将根据城市规划和经济社会发展对轨道交通线网规划进一步调整,调整过程中,将充分征求、吸取广大市民提出的意见和建议。
上一篇：下一遍：网站页面信息
网站标题：
网站简介：
SEO基本信息
#:百度权重 BR: | PR: | sogou SR: | baidu收录:1
| baidu快照:
| 百度索引量:1 |
| google收录:0
| sogou收录:0
| soso收录:0
| 360收录:2
| bing收录:0
| 服务器站点: | Alexa排名:292019 | Alexa Link: | Dmoz: | 网站年龄:5年 | whois:
页面优化分析
文件大小87.8KB，下载速度250.808毫秒；未找到H标签跟B标签，可适当设置一下,也是优化的一个元素；未检测到frame/frameset/iframe等Frame信息，符合baidu的建议；Img标签0个,有alt描述的0个，alt简要的文字说明也是页面优化的一部分；
Alexa排名及流量
平均停留时间(s)
访问一个页面(%)
搜索引擎流量(%)
域名基本信息
Whois服务：
域名状态：
注册时间：
T06:10:40.0Z
到期时间：
T23:59:59.0Z
域名注册商：
DNS服务器：
发表对该站点的评论
与www.8888.la相类似站点
网站性能测试(pagespeed)
Copyright (C) 2012 闽ICP备号}