在前端开发中，我们常常需要获取页面上某个容器的HTML内容。jQuery是一个广泛应用的JavaScript库，具有强大的DOM操作能力，可以轻松地实现这一功能。
获取容器的HTML代码
使用jQuery获取容器的HTML代码非常简单，只需要使用以下代码即可：
var containerHtml = $('#container').html();其中，#container表示要获取的容器的ID，.html()是jQuery提供的方法，其作用是获取该元素的inner HTML代码。
如果要获取容器本身的HTML代码，可以使用以下代码：
var containerHtml = $('#container')[0].outerHTML;其中，[0]是为了将jQuery对象转换成JavaScript对象，.outerHTML则表示获取整个元素及其内部的HTML代码。
示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
------------------------------
------- -----------------------------------------------------------
-------
------
---- ---------------
---------- -----------
------- -- - ---- ---------
------
--------
--- -------------- - -----------------------
----------------------------
-- ------------- ------------------ -- - ---- ---------
--- -------------- - -----------------------------
----------------------------
-- ------- ------------------------- ------------------ -- - ---- ---------------
---------
-------
-------在上面的示例中，我们首先定义了一个包含id="container"的div元素，然后使用jQuery获取该元素的HTML代码，并将其输出到控制台。
指导意义
通过学习本文提供的方法和示例，您可以轻松地获取页面上任何一个容器的HTML代码，这对于开发Web应用程序和调试页面非常有帮助。
另外，本文还介绍了如何使用jQuery来扩展DOM操作能力，这是开发现代Web应用程序必不可少的技能。
总之，学习和掌握jQuery获取容器的HTML代码的方法，可以让您更加高效地完成前端开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10235
