位置: 编程技术 - 正文

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

  • 海南增值税发票图片
  • 应交个人所得税计提分录
  • 发票认证没有信用怎么办
  • 个人工作室需要注册资金吗
  • 严格财务报销程序
  • 企业收到劳务费发票账务处理
  • 金蝶kis暂存的凭证怎样
  • 外购货物应抵扣的进项税额税率
  • 付汇代扣代缴增值税纳税期限
  • 分公司清算和总公司清算
  • 理财产品增值税纳税人
  • 设备安装费计入设备成本吗
  • 二手房房产税税率
  • 国家税务总局关于取消增值税扣税凭证
  • 企业所得税季报资产总额怎么填
  • 外包服务费税率是多少
  • 增值税税控盘服务费可以每年都抵扣吗
  • 增值税发票每个月什么时候可以开
  • 现金折扣税务会计
  • 对方开具红字发票过来怎么做进项税转出
  • 来料加工的生产企业
  • 冲减往年收入会计分录
  • 记账凭证保存年限2019
  • 存货跌价准备的金额
  • 个税手续费返还政策文件
  • 食堂买菜怎么算
  • vb win10
  • 商业支付时使用
  • 电脑自动更新系统
  • 非营利性组织收到政府拨款转出给其他部门怎么做账
  • 绿萝怎么扦插?
  • mongodb jpa
  • 企业财务会计
  • vscode eslint vue
  • 金融性资产有哪些
  • html制作动画代码
  • vue fragment标签
  • css deep深度选择器
  • vue.js如何安装
  • php中文字符串截取
  • 法人借钱给公司,公司可以直接转给法人吗
  • 最新税法规定小车折旧年限
  • 帝国cms灵动标签调用外表
  • 公司纳税信用等级B级是什么意思
  • 异地预缴税款多交了有影响吗
  • mysql的密码忘了
  • 固定资产是怎么管理的
  • 三个月 租房
  • 研发产品相关专业
  • 预收账款常见的问题
  • 政府代建项目计划方案
  • 租农民土地
  • 钱汇错了报警有用吗
  • 销售方运输收入分录
  • 损益类科目结转本年利润方向
  • 免抵退税中免抵税额怎么算
  • 成本暂估入帐如何做分录
  • 建账的大体流程有哪些
  • execve函数
  • sql1068错误
  • windows中双击硬盘驱动器图标操作的作用
  • 微软宣布9月30日停止在俄罗斯服务
  • 苹果电脑Mac系统版本所对应的数字
  • linux php教程
  • win7系统设置鼠标灵敏度
  • 网卡被禁用一启动就死机
  • 如何使用ssh
  • android 开发 教程
  • pe,翻译
  • js常用的设计模式
  • ExtJS TabPanel beforeremove beforeclose使用说明
  • nodejs bull
  • 收集linux日志
  • dom的操作
  • android 字体设置
  • 电子发票和普通发票哪个好
  • 土地评估报告书
  • 灵活就业登记审核查询
  • 首问责任制的概念
  • 新疆税务总局网站官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设