位置: 编程技术 - 正文

使用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的使用)

  • 设备检验检测
  • 查账征收纳税申报表
  • 小规模纳税人缴纳增值税怎么算
  • 银行借款的实际利率=名义年利息/实际贷款额*100%
  • 税控盘抵扣可以跨年吗
  • 偶然所得申报表
  • 收到社保局返还的应届毕业生补贴
  • 支付给个人的佣金怎么做账务处理
  • 退回产品怎么做分录
  • 会议收入包括哪些
  • 一般纳税人采购收到普通发票
  • 厂家核销费用直接抵扣
  • 如何异地缴纳个人医保
  • 以前年度发生的费用
  • 个税税务稽查
  • 税务局如何检查上传的发票
  • 小规模纳税人可以抵扣增值税专用发票吗
  • 股权转让需要什么资料
  • 企业所得税每季度申报时间
  • 汇兑损益减少怎么记账
  • 多缴纳的增值税怎么申请抵税
  • 无u刷bios一直闪
  • phpstudy如何查看错误日志
  • php环境配置教程Apace
  • 苹果手机系统升级后电量消耗快
  • 公司基本户可以异地开户吗
  • 财务清算的作用
  • 从上布法罗荒野地区的惠特克顶小道向东看,阿肯色州奥沙克国家森林 (© Jens Lambert Photography/Getty Images Plus)
  • php图片叠加
  • 支付手续费委托代销是什么意思
  • 怎么做外资企业赚钱
  • 公司员工个人所得税交多少
  • 数据库管理框架
  • 分页limit
  • 拨出专款年末结转
  • Python如何检测两个相同的列表
  • 卫生医疗收费专业有哪些
  • vue连接webapi
  • mongodb从入门到商业实战
  • 增值税加计抵减最新政策2022
  • 金蝶做账流程视频
  • Centos安装ntfs-3g
  • mongotemplate 分页查询
  • 生育津贴现在可以打个人账户么
  • 可供出售金融资产新准则叫什么
  • 企业与企业之间借款都需要交什么税
  • 银行电子承兑到期了怎么兑现操作
  • 5万元买二手车什么品牌比较好
  • 股东投入的资金
  • 预付账款和应付账款的区别与联系
  • 进项税额大于销项税额期末留抵
  • 税金及附加怎么算
  • 工厂没给工人买社保我们应该找哪个部门
  • 计提税金如何进项抵扣
  • 小规模纳税人公户转私户可以吗
  • 公司奖励给部门的奖励
  • 缴纳的车辆购置税需要计提吗
  • sql排序分组
  • mysql数据存在内存还是硬盘
  • 在MySQL中同时查找两张表中的数据的示例
  • SQLServer Top语句参数化方法
  • win7系统桌面图标不见了右键无反应
  • ubuntu的命令行快捷键
  • linux的rz sz命令
  • linux系统关闭ftp服务
  • 进入pe系统后c盘变成了e盘
  • 电脑bios怎么分区
  • vrvarp.exe是什么
  • 如何调整心态和正确处理情绪
  • 注意 Win/WP8.1开发者账户现已迁移到全新Win10开发者中心仪表盘
  • 苹果win10更新48%不动了
  • python转换语句
  • android的handler
  • 深入python3
  • node socket hang up
  • jQuery实现表格文本框淡入更改值后淡出效果
  • 湖南省税务举报
  • 泗洪临淮公交车运行时间表
  • 小微企业企业所得税率
  • 官方客服热线人工台电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设