总站首页 | 合作模式 您好,欢迎访问易达招生网,希望本篇文章能够给您带来帮助!

电话咨询 在线客服 预约试听

易达招生网 > 动态汇总 > IT培训学校> 苏州Web前端培训哪个好

苏州Web前端培训哪个好
IT培训学校 2021-07-07 16:23:20 106
导语概要

新浪网、新浪教育频道主办的“2017中国教育盛典——教育之变” 于2017年11月28日在北京隆重举行,参会人员包括教育界知名专家学者、政府相关领导、校方代表、顶级教育投资人、教育机构负责人、教育创业精英、教育公益人士代表等,千锋因其在IT培训行业的影响力以及为IT培训行业做出的重要贡献,应邀参加了此次盛典,并荣获“2017中国口碑影响力职业培训机构”称号...


IT培训机构

?

WEB前端jQuery节点操作

WEB前端jQuery节点操作。前几天小编无意间看到了跟这个相关的知识,觉得很实用,就特意把它整理出来,分享给大家,话不多说,一起来跟小编来看看这篇, WEB前端jQuery节点操作吧!

<!DOCTYPE html><html lang="en"><head>

<meta charset="UTF-8">

<title>Title</title>

<script src="../jquery-1.11.3.min.js"></script>

<script>

$(function () {

$("button:first").click(function () {

// 追加节点

$("div").append("<P>动态创建的p元素</P>");

});

$("button").eq(1).click(function () {

// 把这个元素追加给后面$("div")元素

$("<p>动态创建的p元素</p>").appendTo($("div"));

});

$("button").eq(2).click(function () {

// 首部添加

$("div").prepend("<P>动态创建的p元素</P>");

});

$("button").eq(3).click(function () {

// 把动态生成的元素添加给div的头部

$("<P>动态创建的p元素</P>").prependTo($("div"));

});

$("button").eq(4).click(function () {

// after 往后面添加兄弟节点

$("div").after("<p>我是div后面的兄弟节点</p>");

});

$("button").eq(5).click(function () {

// before 往前面添加兄弟节点

$("div").before("<p>我是div后面的兄弟节点</p>");

});

$("button").eq(6).click(function () {

// 把前面的元素,放到后面div元素的前面,兄弟节点(顺序不可颠倒)

$("<p>我在哪?</p>").insertBefore("div");

});

$("button").eq(7).click(function () {

// 把前面的元素,放到后面div元素的前面,兄弟节点(顺序不可颠倒)

$("<p>我在哪?</p>").insertAfter("div");

});

// 删除节点元素

$("button").eq(8).click(function () {

$("div").remove();

});

// 删除子节点元素,但留下自己

$("button").eq(9).click(function () {

// $("div").empty();

$("div").html(""); // 效果与empty相同,推荐使用此方法

});

// 复制节点

$("button").eq(10).click(function () {

// clone 参数 :

// true :深度复制,会将被复制元素的事件一同复制

// 默认为flase : 浅层复制,只复制元素

$("div").append($("p").clone());

});

jQuery节点 前端

// 包裹节点 用后面的元素包裹前面的元素

$("button").eq(11).click(function () {

$("span").wrap($("p"));

});

// 包裹所有节点

$("button").eq(12).click(function () {

$("ul").wrapAll($("div"));

});

// 替换节点

$("button").eq(13).click(function () {

$("ul").replaceWith($("p"));

});

})

</script></head><body><button>append 追加节点</button><button>appendTo 追加节点</button><button>prepend 首部添加</button><button>prependTo 首部添加</button><button>after 往后面添加兄弟节点</button><button>before 往前面添加兄弟节点</button><button>insertBefore 往前面添加兄弟节点</button><button>insertAfter 往后面添加兄弟节点</button><br/><br/><button>remove 删除节点</button><button>empty 删除节点</button><button>clone 复制节点</button><button>wrap 包裹节点</button><button>wrapAll 包裹所有节点</button><button>replaceWith 替换节点</button><div>

<h1>我是h1标题</h1></div><p>我是div外面的p元素,不是动态添加的</p><span>我是一个小span</span><ul>

<li></li>

<li></li>

<li></li></ul></body></html>

IT培训学校学员作品

IT培训学校推荐课程
  • IT培训机构课程

    大数据

  • IT培训机构课程

    智能物联网

  • IT培训机构课程

    Unity游戏开发

  • IT培训机构课程

    网络安全

  • IT培训机构课程

    互联网营销

  • IT培训机构课程

    影视剪辑包装

千峰教育教学大纲紧跟企业需求,并推出软考、Adobe认证、PMP认证、红帽RHCE认证课程,拥有全国一体化就业保障服务,成为学员信赖的职业教育品牌,公司目前已与国内20000余家IT相关企业建立人才输送合作关系,年培养优质人才20000余人,合作院校超600所,累计向互联网输出免费教学视频800余套,累积播放量逾9000万次。千峰教育IT培训中心每年有数百万名学员受益于千锋组织的技术研讨会、技术培训课、网络公开课及免费教学视频,千锋历程精彩纷呈,获得荣誉包括:中关村移动互联网产业联盟副理事长单位、中国软件协会教育培训委员会认证一级培训机构、中关村国际孵化软件协会授权中关村移动互联网学院、教育部教育管理信息中心指定移动互联网实训基地等。


IT培训中心

IT课程分类

  • IT课程推荐

    HTML5

  • IT课程推荐

    Java

  • IT课程推荐

    Python

  • IT课程推荐

    全链路设计

  • IT课程推荐

    云计算

  • IT课程推荐式

    软件测试

易达招生网@版权所有 豫ICP备12014175号

本站文章由用户自行上传发布,如有侵权内容请及时联系我们删除。