jquery 文档 jQuery 文档操作 - wrapInner() 方法

jquery 文档

jQuery 是一个快速、简洁的 JavaScript 库，它提供了一系列的 API，可以让你更加容易地处理 HTML 元素、事件、动画和 Ajax 等。jQuery 还可以让你更容易地扩展功能，使用其他的 JavaScript 库。

jQuery 文档是 jQuery 的核心文档，包含了 jQuery 的所有 API 信息。它是一个非常重要的文档，因为它包含了 jQuery 的所有函数、方法和属性的详细信息。

// 获取元素的文本内容
$('#myElement').text(); 

jQuery 文档中还包含了一些非常有用的代码片段，可以帮助开发者快速开发出功能强大的应用。例如，你可以使用 jQuery 文档中的代码片段来获取元素的文本内容（如上面代码所示）或者获取元素的 CSS 属性值。

 
// 获取元素的 CSS 属性值 
$('#myElement').css('background-color'); 

此外，jQuery 文档还包含了一些高级特性，如 AJAX、JSONP 等。这些特性都是非常重要的，因为它们能够帮助开发者创建出功能强大、性能优越的应用。例如，你可以使用 jQuery 来请求远端数据并将其渲染到页面上。

 
 // 使用 AJAX 请求远端数据 
$.ajax({  url: 'http://example.com/data.json',   success: function(data) {     // do something with the data    } });   

此外，jQuery 文档还包含了一些有关 jQuery UI 的信息。jQuery UI 是一个强大而易用的 JavaScript 工具库，它能够帮助开发者快速创建出优雅而富有表现力的界面效果。例如：你可以使用 jQuery UI 来创建出时间日历或者对话框效果。

 // 创建时间日历 $('#date').datepicker(); 
jQuery 文档操作 - wrapInner() 方法





jQuery 文档操作参考手册




实例

在每个 p 元素的内容上包围 b 元素：

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


亲自试一试




定义和用法

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

语法

$(selector).wrapInner(wrapper)



参数
描述



wrapper

	
必需。规定包围在被选元素的内容周围的内容。

	
可能的值:
	

	
HTML 代码 - 比如 ("<div></div>")
	
新的 DOM 元素 - 比如 (document.createElement("div"))
	
已存在的元素 - 比如 ($(".div1"))
	

	
已存在的元素不会被移动，只会被复制，并包裹被选元素。







使用函数包裹内容

使用函数来规定包围在每个被选元素周围的内容。

语法

$(selector).wrapInner(function())

亲自试一试



参数
描述



function()
必需。规定返回包围元素的函数。






亲自试一试 - 实例


使用新元素来包裹
创建一个新的 DOM 元素来包裹每个被选元素。





jQuery 文档操作参考手册