`

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元素的包裹和解包操作。这两个函数对于动态构建和修改页面结构非常有用,尤其在需要对一组元素进行统一包装或者需要去除特定元素的父级结构时...

    用法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_事件方法大全.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