zoukankan      html  css  js  c++  java
  • jquery-包裹元素

    1、wrap方法
      在每个匹配的元素外层包上一个html元素
      参数类型说明:
      1)html字符串
        $('p').wrap('<div></div>');
        传入的html标签也可以是嵌套多层,但应该只包含一个核心的元素
      2)选择器
        传入选择器则是将 选中的元素(及其后代) 复制一份用来 包裹对应的元素
      3)jQuery对象
        可以使用新创建的元素对象或者使用选择器获取到的元素对象
      4)html元素对象
      5)函数
        有多少个匹配元素,这个函数就会执行多少次!
        函数接收一个参数
        当前元素的序号
        函数内部this代表当前的html元素对象
        return用于包裹匹配元素的 HTML 内容或 jQuery 对象
    2、wrapAll方法
        在所有匹配元素外面包一层HTML结构
        参数同上,但是我们一般不会传入函数!
        注意:如果所匹配的元素没有共同的父元素时的情况
    3、wrapInner方法
        在匹配元素里的内容外包一层结构
        参数同上

     1 <script type="text/javascript">    
     2     $(function(){
     3             $("p").wrapAll("<div></div>");
     4             $("a").wrap("<div></div>");
     5             $("p").wrapInner("<h1></h1>");
     6         }
     7     );
     8 </script>
     9 
    10 <p>段落</p>
    11 <p>段落</p>
    12 <a>链接</a>
    13 <a>链接</a>
  • 相关阅读:
    nginx文件类型错误解析漏洞
    js 获取URL中的参数并转换为对象
    postman
    php curl参数详解
    php 两变量值互换 方法
    PHP 命名空间与spl_autoload_register() 自动加载机制
    php命名大小问题
    PHP实现冒泡排序
    使用 PHPStorm + Xdebug 实现断点调试(二)
    TSPL学习笔记(2):过程和变量绑定
  • 原文地址:https://www.cnblogs.com/yw0219/p/5966235.html
Copyright © 2011-2022 走看看