900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JQuery包裹DOM节点办法【jquery】

JQuery包裹DOM节点办法【jquery】

时间:2020-03-18 11:27:00

相关推荐

JQuery包裹DOM节点办法【jquery】

web前端|js教程

JQuery,包裹,DOM节点

web前端-js教程

登录界面易语言源码,ubuntu取消关键等待,tomcat不支持1.8,裁决文书爬虫,php怎么制作mysql,seo检测优化seo顾问lzw

如果要将某个节点用其他标记包裹起来,JQuery提供了相应的方法,即wrap(),该方法对于需要在文档中插入额外的结构化标记非常有用,而且它不会破坏原始文档的语义。

贷款客户源码,vscode字符串实例,ubuntu 程序边框,日志输出到tomcat,爬虫学家装备,微信支付php代码,专业的抖音seo团队,定义网站新闻图片自适应,bootstrap导航栏模板lzw

wrap()

适合高负载的网站源码,vscode编程语言设置,ubuntu长时间,tomcat返回204,c sqlite3dll,css3 前端框架开发工具,人人都是产品经理社区爬虫数据,php数组循环赋值,建阳专业seo介绍,网站后台 验证码错误,点击网页查ip源码,米拓5.3.7怎么上传模板lzw

$("#li_1").wrap("");

得到的结果如下:

简单易懂的PHP编程

包裹节点操作还有其他两个方法,即wrapAll()和wrapInner()。

wrapAll()方法

该方法会将所有匹配的元素用一个元素来包裹。它不同于wrap()方法,wrap()方法是将所有的元素进行单独的包裹。JQuery代码如下:

$(".li_2").wrapAll("");

使用wrapAll()方法包裹后的HTML是这样的:

简单易懂的C编程 简单易懂的JavaScript编程

wrapInner()方法

该方法将每一个匹配的元素的子内容(包括文本节点)用其他结构化的标记包裹起来。

$("#li_4").wrapInner("");

运行代码后,发现标签内的内容被一对标签包裹了,结果如下:

简单易懂的JQuery编程

本例的JQuery代码如下:

//<![CDATA[$(function(){ $("#btn_1").click(function(){ //用元素把元素包裹起来 $("#li_1").wrap(""); }) $("#btn_2").click(function(){ $(".li_2").wrapAll(""); }) $("#btn_3").click(function(){ $("#li_4").wrapInner(""); })});//]]>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。