jquery wrapper jQuery wrapInner() 方法

jquery wrapper

jQuery wrapper 是一种用于封装 jQuery 对象的技术，它可以帮助我们更好地管理和使用 jQuery 对象。它可以帮助我们减少代码重复，提高代码的可读性和可维护性。

jQuery wrapper 的主要目的是将 jQuery 对象封装到一个对象中，这样我们就可以使用这个对象来操作 jQuery 元素。它允许我们将多个 jQuery 操作封装到一个函数中，而不必在多个位置重复使用相同的代码。

// 例子：
var $wrapper = $('.wrapper');  // 获取 .wrapper 元素
$wrapper.find('.item').hide(); // 隐藏 .item 元素
$wrapper.find('.title').show(); // 显示 .title 元素

jQuery wrapper 还允许我们将多个 jQuery 操作封装到一个对象中，这样我们就可以在不同的位置使用这些对象来执行相同的操作。例如，如果我们想要在不同的页面上显示和隐藏相同的元素（例如 .title 和 .item ），我们可以将这些操作封装到一个对象中：

 
// 例子： 
var showHide = {   // 创建 showHide 对象  

    show: function() {   // 添加 show 方法  

        $('.title').show();   // 显示 .title 元素  

    },  

    hide: function() {   // 添加 hide 方法  

        $('.item').hide();   // 隐藏 .item 元素  

    }  
};  

然后，当我们想要在不同页面上显示和隐藏相同元素时（例如 .title 和 .item ））））, 我们只需要在不同位置引用 showHide 对象即可。

jQuery wrapInner() 方法

jQuery wrapInner() 方法

jQuery HTML/CSS 方法

实例

在每个 <p> 元素的内容上包裹 <b> 元素：

$("button").click(function(){
$("p").wrapInner("<b></b>");
});

---

定义和用法

wrapInner() 方法使用指定的 HTML 元素来包裹每个被选元素中的所有内容（innerHTML）。

---

语法

$(selector).wrapInner(wrappingElement,function(index))

参数	描述
wrappingElement	必需。规定包围在每个被选元素的内容周围的 HTML 元素。 可能的值： HTML 元素 jQuery 对象 DOM 元素
function(index)	可选。规定返回包裹元素的函数。 index - 返回集合中元素的 index 位置。

---

更多实例

通过 DOM 创建新元素
如何使用 document.createElement() 来创建元素，并用它包裹每个被选元素的内容。

使用函数包裹内容
使用函数规定用什么包裹每个被选元素的内容。

---

jQuery HTML/CSS 方法