位置: 编程技术 - 正文

使用jQuery中的wrap()函数操作HTML元素的教程(如何使用jquery)

编辑:rootadmin

推荐整理分享使用jQuery中的wrap()函数操作HTML元素的教程(如何使用jquery),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery 使用,jquery 使用,jquery w3c,jquery的使用步骤,jquery wrap,jquery wrap,jquery w3c,jquery width,内容如对您有帮助,希望把文章链接给更多的朋友!

wrap()函数用于在每个匹配元素外部包裹指定的HTML结构。与该函数相对的是unwrap()函数,用于当前匹配元素的父元素(只移除父元素,其内部节点全部保留)。该函数属于jQuery对象(实例)。

语法

参数wrapper String/Element/jQuery/Function类型用于包裹匹配元素的节点。如果参数wrapper为字符串,则将其视作jQuery选择器或html字符串,jQuery会自行判断。jQuery 1.4 新增支持:参数wrapper可以为函数。wrap()将根据匹配的所有元素遍历执行该函数,函数中的this将指向对应的DOM元素。wrap()还会为函数传入一个参数,即当前元素在匹配元素中的索引。函数的返回值就是用于包裹的节点内容(可以是html字符串、DOM元素或jQuery对象)。注意:如果wrapper匹配多个元素,则只将第一个元素作为包裹元素。注意:如果wrapper是多层嵌套的元素(例如<p><i></i></p>),wrap()将从外往内检查每层嵌套的第一个节点。如果该节点没有子节点或者第一个子节点不是Element节点(比如文本节点、注释节点等),就停止向内查找,直接在当前节点内部的末尾位置追加(append())当前匹配元素。

使用jQuery中的wrap()函数操作HTML元素的教程(如何使用jquery)

返回值wrap()函数的返回值为jQuery类型,返回当前jQuery对象本身(以便于进行链式风格的编程)。注意:即使wrapper元素是当前页面中的元素,该元素也不会从原位置上消失。因为wrap()使用的是该元素的副本(克隆)来充当包裹。

示例

结果如下:

类似的用法还有.wrapAll()、.wrapInner()、.unwrap()等等!

轻松掌握jQuery中wrap()与unwrap()函数的用法 wrap()wrap()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深,但应该只包含一个核心的元素。

jQuery使用中可能被XSS攻击的一些危险环节提醒 $我们经常使用向$内传入一个字符串的方式来选择或生成DOM元素,但如果这个字符串是来自用户输入的话,那么这种方式就是有风险的。先看一个DEMO:ht

JQuery的常用选择器、过滤器、方法全面介绍 1、jQuery对象转换成DOM对象a.var$cr=$("#cr");//jQuery对象varcr=$cr[0];//DOM对象alert(cr.checked);//检测checkbox是否被选中了b.var$cr=$("#cr");//jQuery对象varcr=$cr.get(0);//DOM对

标签: 如何使用jquery

本文链接地址:https://www.jiuchutong.com/biancheng/387264.html 转载请保留说明!

上一篇:实例解析jQuery中proxy()函数的用法(jquery教程实例)

下一篇:轻松掌握jQuery中wrap()与unwrap()函数的用法(jquery的使用)

  • 赞助支出计入
  • 未交增值税借方表示什么意思
  • 税收优惠指什么
  • 软件企业会计科目分类
  • 税控盘备案在电子税务局操作流程
  • 会计折旧法有哪几种
  • 企业停产是否需要自行监测
  • 行政事业单位收据样本
  • 工程成本控制方法
  • 交以前年度所得税怎么算
  • 企业注销建造师流程
  • 12月份未计提的费用汇算清缴如何调整?
  • 存货暂估入账会引起存货账面价值发生增减变动吗
  • 权益资本成本率计算
  • 少缴纳社保怎么要求支付赔偿金
  • 销售依据
  • 普通发票开票步骤
  • 个体户可以申请公章吗
  • 集团企业涉税需求网络
  • 软件企业所得税两免三减半
  • 土地出让金怎么入账
  • 支付往来款项应该注意什么
  • 房租出租税收编码和税率
  • 作废的发票没有验旧丢了怎么办
  • 用友加密狗可以拔下来么
  • 收到采购商品
  • 党政机关接收企业赞助的规定
  • flash player用不了怎么办
  • php处理xml
  • 怎么获取免费的腾讯vip
  • 中秋购物
  • node启动本地服务
  • 纳税人辅导期申报流程
  • php异步请求方式
  • css 宽度 自适应 占满
  • 划拨建设用地使用权没有使用期限的限制
  • node.js环境搭建
  • 冰川洞洞打法
  • ai绘图软件教程
  • find命令详解查找文件
  • 其他综合收益什么情况下转入留存收益
  • 资产处置损益是什么类
  • mysql分表的3种方法
  • 资本成本在财务报表中怎么体现
  • 房屋租赁发票品目填写规范
  • 个体工商户经营所得税税率表2023年
  • 发票已开款未到的会计分录?
  • 旧设备出口可以退税吗
  • 商品流通企业进货费用先进行归集
  • 在建工程如何结转到产品
  • 公司送的车还能要回去吗
  • 预收账款最后怎么处理
  • 什么叫进项税率
  • 一般纳税人附加税
  • 税局关于企业费用报销
  • 公司成本包含什么
  • mysql正整数类型
  • mysql 添加外键
  • xp系统的ie浏览器无法打开该网页怎么办
  • fedora14虚拟机安装教程
  • kali渗透工具安装
  • win10系统电脑无法开机怎么办
  • win8系统如何连接wifi
  • mac系统简介
  • 如何解决焦虑的心理
  • cocos开发android游戏
  • xml文件网络传输
  • linux u+s
  • vuejs环境搭建
  • javascript 中的事件委托详解
  • 从零基础开始
  • jquery 表单
  • 税务人的形象
  • 国家税务总局网站官网浙江
  • 怎么屏蔽微信群消息,但是不退出此群
  • 国家税务总局服务平台
  • 亚马逊利用大数据练就读心术
  • 香港买iphone要交多少税
  • 预交增值税税款退税流程
  • 税务局看场地要给红包吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设