`

jQuery中的wrap()、unwrap()

 
阅读更多

jQuery中包装dom,如需要美化,给checkbox包装一个<div class='checkbox'>,以下是用法:

 

删除所有 checkbox 元素的父元素:(即删除包装dom)

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

  $("input[type='checkbox']").unwrap();

});

 

 

给 checkbox 元素添加父元素:

$("input[type='checkbox']").wrap('<div class="checkbox"></div>');

 

分享到:
评论

相关推荐

    轻松掌握jQuery中wrap()与unwrap()函数的用法

    在jQuery中,wrap()和unwrap()是两个用于DOM操作的函数。通过这两个函数,可以很容易地控制页面元素的包裹和解包裹行为。接下来将详细介绍这两个函数的使用方法。 wrap()函数的基本作用是将选定的元素包裹在一个...

    用法jQuery中的wrap()函数操作HTML元素的教程_.docx

    **jQuery中的wrap()函数详解** 在jQuery库中,`wrap()`函数是一个强大的工具,它允许开发者将HTML元素包裹在一个新的容器元素中。这个功能在构建动态网页和处理DOM元素时非常有用,尤其在布局调整、内容封装以及...

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

    jQueryObject.wrap( wrapper ) 参数 wrapper String/Element/jQuery/Function类型用于包裹匹配元素的节点。 如果参数wrapper为字符串,则将其视作jQuery选择器或html字符串,jQuery会自行判断。 jQuery 1.4 新增...

    jQuery查找关键词文字高亮显示代码.zip

    为了实现高亮显示,jQuery会使用正则表达式来查找匹配的关键词,并使用`wrap()`函数将匹配到的部分包裹在一个带有特定样式的HTML元素中,例如`&lt;span class="highlight"&gt;`。这样,通过CSS定义`.highlight`类,我们...

    JqueryApi中文手册

    - DOM元素转换:`.jQuery(obj)`, `.wrap(element)`, `.unwrap()` - 文本/HTML操作:`.text()`, `.html()` - 位置与尺寸:`.offset()`, `.position()`, `.width()`, `.height()` 10. **版本与兼容性** - jQuery ...

    jQuery 1.4.1 中文参考

    - `wrap()`、`unwrap()`、`wrapAll()`、`wrapInner()`:元素的包裹和解包裹。 - `replaceWith()`、`replaceAll()`:元素替换。 - `empty()`、`remove()`、`detach()`:元素的删除和分离。 **CSS操作** - `css()`:...

    jquery中有哪些api jQuery主要API

    `wrap()`和`unwrap()`方法用于包裹和解包元素。`replaceWith()`和`replaceAll()`方法用于替换匹配的元素集。 筛选操作中,`filter()`方法筛选出与指定选择器或函数匹配的元素集,`not()`方法则用来排除匹配的元素集...

    JQuery新版中文手册

    unwrap() wrapall(html|ele) wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq...

    jQuery 文档操作方法

    jQuery 文档操作方法是 jQuery 库中的一组强大且实用的函数,用于操作 HTML 和 XML 文档中的元素。这些方法可以帮助开发者快速高效地操作文档结构,提高开发效率和代码质量。本文将对 jQuery 文档操作方法进行详细的...

    jQuery 1.5 API 中文版

    $.wrap( wrappingElement ), .wrap( fn ) $.wrapAll(wrappingElement ), .wrapAll( fn ) $.wrapInner( wrappingElement ), .wrapInner( fn ) Replacing $.replaceWith( content ), .replaceWith( fn ) $.replaceAll...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    jQuery_使用手册

    jQuery提供了丰富的DOM操作方法,如`.append()`, `.prepend()`, `.after()`, `.before()`, `.remove()`, `.empty()`, `.clone()`, `.wrap()`, `.unwrap()`, `.replaceWith()`, `.replaceAll()`等,使得DOM的操作变得...

    jquery_事件方法大全.doc

    jQuery 事件方法是 jQuery 库中的关键组成部分,用于处理用户交互和页面动态更新。下面将详细介绍这些方法: 1. **事件绑定**: - `.on()`: 这是 jQuery 中用于绑定事件的主要方法,可以绑定多种类型的事件,如 `...

    jQuery学习文档

    `wrap()`, `unwrap()`, `wrapAll()`, `wrapInner()`方法用于在元素周围添加、移除或替换HTML结构,以便改变页面布局或实现更复杂的样式效果。 十. 属性操作 `attr()`用于设置或获取元素的属性值,`removeAttr()`...

    jquery1.11.0手册

    unwrap() wrapAll(html|ele) wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 ...

    jQuery技术手册

    - **操作元素**: 包括`wrap()`, `unwrap()`, `replaceWith()`等。 **8.11 jQuery参考手册-核心** - **初始化**: 如`$()`, `jQuery()`等。 - **版本信息**: 如`jQuery.fn.jquery`等。 **8.12 jQuery参考手册-属性*...

Global site tag (gtag.js) - Google Analytics