`
KAXU
  • 浏览: 271589 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 控制 wrap(elem)

jQueryHTML 
阅读更多

wrap(elem)

将特殊的‘elem’元素封装在匹配元素集合的每一个元素上

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("p").wrap(document.createElement("div"));
  });
  </script>
  <style>
  div { border: 2px solid blue; }
  p { background:yellow; margin:4px; }
  </style>
</head>
<body>
  <p>Hello</p>
  <p>cruel</p>
  <p>World</p>
</body>
</html>

 

$("p").wrap(document.createElement("div"));
将div元素封装在匹配p元素集合的每一个p元素上

分享到：
| jquery 控制 wrap(html)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery_使用手册

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

    jQuery方法大全

    - `$(elem).css("border", "1px solid gray")`：设置元素的CSS属性，如边框。 jQuery方法提供了丰富的功能，简化了JavaScript中的DOM操作，使得网页动态效果的实现变得更加容易和高效。通过熟练掌握这些方法，...

    Jquery 1.3 简体中文手册

    wrap(elem) wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) 替换 replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index...

    JQuery 1.3 中文参考手册

    wrap(elem) wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) 替换 replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index...

    jQuery1.4 API

    fn) before(content | fn) insertAfter(content) insertBefore(content) 包裹 wrap(html) wrap(elem) wrap(fn) unwrap() wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) wrapInner(fn) 替换 ...

    maskui:一个jQuery对话框插件

    #maskui A jquery dialog plugin ...elem: [String/DOM/jQueryObject] dialog对象，传String视为id，不使用config定义的样式 [和content二选一] content: 动态添加一段HTML，使用config定义的样式 [和elem二选一

    jquery使用技巧，轻轻松松入门，30分钟精通

    ### jQuery 使用技巧详解 #### 一、Attribute：属性操作 jQuery 的强大之处在于它极大地简化了 JavaScript 对 DOM 的操作。以下列举了一些常见的属性操作方法： 1. **`addClass()`** - **语法**：`$("选择器")....

    JQuery方法事件大全

    ### JQuery方法事件大全详解 #### 一、Attribute（属性操作） **1.1 `addClass`** - **功能**: 给指定元素添加一个或多个类名（用于样式）。 - **语法**: `$("p").addClass(css中定义的样式类型);` - **示例**: ...

    jquery 常用 Dom操作

    ### jQuery 常用 DOM 操作详解 #### 属性（Attribute） 在 jQuery 中，属性操作主要包括获取、设置或修改元素的属性值。 1. **添加类（`addClass()`）** - **语法**：`$("selector").addClass("classname");` -...

    juqery 学习之五 文档处理 包裹、替换、删除、复制

    接着是`wrap(elem)`，它与`wrap(html)`类似，但接受一个DOM元素作为参数，而不是HTML字符串。这意味着你可以直接使用已存在的DOM元素来包裹匹配的元素。在示例中，每个`&lt;p&gt;`元素都被ID为`content`的`&lt;div&gt;`元素包裹...

    jQuery中wrapAll()方法用法实例

    由于这个`&lt;div&gt;`是在运行时动态生成的，所以它的样式（如宽度、高度和边框）可以通过CSS控制。 ### `wrapAll()`与`wrap()`的区别 `wrapAll()`和`wrap()`方法的主要区别在于作用范围。`wrap()`方法会针对每一个匹配...

    Jquery 常用方法一览表(集合)

    - `$(“元素”).not(expr/elem)`: 从选择集中移除匹配expr或elem的元素。 - `$(“元素”).parent(expr)`: 获取元素的直接父元素，可选地根据expr筛选。 - `$(“元素”).parents(expr)`: 获取元素的所有祖先元素，...

    跑马灯效果的多种实现

    JavaScript可以提供更灵活的控制，例如暂停、启动、改变滚动速度等。例如，使用jQuery库： ```javascript function marquee() { var $elem = $('.marquee'); $elem.animate({ scrollLeft: $elem.width() }, ...

Magicbox
Global site tag (gtag.js) - Google Analytics