html()显示html，包括标签
text()显示的是纯文本
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($("div").html());
alert($("div").text());
});
});
</script>
</head>
<body>
<div>
<h1 id="h1">This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
</div>
<button id="default">default</button>
</body>
</html>
result:
第一个alert输出
<h1 id="h1">This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
第二个alert输出
This is a heading
This is a paragraph.
This is another paragraph.
This is another paragraph.
This is another paragraph.
分享到：
相关推荐
3. **内容操作（Content Manipulation）**：`.html()`, `.text()`, `.val()`分别用于获取或设置元素的HTML内容、文本内容和表单值。 三、jQuery高级应用 1. **Ajax操作（Ajax Handling）**：`.ajax()`, `.get()`, ...
《JQuery学习手册》是一份全面且深入的资源，旨在帮助开发者掌握JavaScript库JQuery的核心概念和实用技巧。这份手册不仅包含理论知识，还有实践应用的案例，是初学者和经验丰富的开发者提升JQuery技能的理想参考资料...
**jQuery经典学习手册** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能而深受开发者喜爱。...通过深入学习和实践，你可以熟练掌握jQuery，提高开发效率，打造更加优雅的用户体验。
jQuery 是一个广泛使用的JavaScript库，由John Resig于2006年创建，它极大地简化了JavaScript编程，尤其是处理DOM操作、事件处理、...通过深入学习jQuery，可以更好地驾驭Web前端开发，提升网站的交互性和用户体验。
本文将作为jQuery学习系列的第一部分，主要介绍jQuery的基础概念和核心功能，帮助初学者快速入门。 ### 1. jQuery选择器 jQuery的核心在于其强大的选择器系统，它极大地简化了对HTML元素的选取。基于CSS选择器，...
初学者在学习HTML时，首先要掌握基本的标签语法，如`<html>`、`<head>`、`<body>`、`<title>`等，以及用于创建文本、链接、图像、表格等内容的标签，例如`<p>`、`<a>`、`<img>`、`<table>`等。 在描述中的"table...
这个“jQuery学习资料”压缩包显然包含了针对jQuery和相关技术，如Ajax，的学习资源。 ### jQuery基础 jQuery的核心在于它的选择器语法，它借鉴了CSS，允许开发者轻松地选取页面中的元素。例如，`$("#myID")`选取...
**jQuery 是一个高效、简洁且功能丰富的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。本教程旨在帮助初学者从零基础开始掌握jQuery的核心概念和实用技巧。** ### 一、jQuery入门 1. *...
总之，《JQuery学习之路源代码》提供的实例对于学习和掌握JQuery至关重要，它不仅提供了实践平台，也有助于我们深入理解JQuery的工作原理。通过对这些代码的解读和实践，初学者可以快速上手，并逐步提升到更高的开发...
【jQuery学习资料之万能的选择器】 jQuery是一个强大的JavaScript库，极大地简化了DOM操作、事件处理和动画制作。其中，选择器是jQuery的核心功能之一，它允许开发者高效地选取页面上的HTML元素，从而进行进一步的...
《jQuery零碎实例与学习心得详解》 jQuery，作为一款强大的JavaScript库，自2006年发布以来，因其简洁易用的API和丰富的插件生态，迅速成为了前端开发者们的...希望这些实例和心得能对你的jQuery学习之路提供帮助。
**jQuery学习笔记** jQuery，作为一个轻量级的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧，帮助初学者快速上手。 ## 一...
**jQuery学习资源** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。自2006年发布以来，jQuery已经成为了前端开发的标准工具之一，因其简洁的语法和丰富的功能而...
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库，它简化了网页文档对象模型（DOM）操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念，包括选择器、常用方法以及在...
以下是对JQuery学习笔记的详细解析： 首先，JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异，导致开发跨浏览器的网页应用变得复杂。为了统一这些...
jQuery提供了方便的DOM操作方法，如`.html()`、`.text()`和`.val()`用于获取或设置元素的HTML内容、文本内容和表单元素的值。`.append()`、`.prepend()`用于在元素内部添加内容，`.before()`、`.after()`则在元素...
### jQuery 学习进阶使用知识点详解 #### 一、jQuery 遍历方法 **1. 获取父节点** - **parent() 方法**: 返回被选元素的直接父元素。 - 示例代码：`$("span").parent();` 这将返回 `<li>` 元素。 - **parents()...
文件列表"jquery+ajax+text"表明项目包含这三个核心组件的代码文件，可能包括jQuery库、Ajax请求处理函数和文本输入框的JavaScript代码等。为了实现这个功能，开发者需要理解JSP的页面生命周期，jQuery的选择器和...
### jQuery 学习心得 #### 一、简介与特点 jQuery 是一款优秀的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作，使得前端开发更加高效便捷。jQuery 的核心理念是“写得少，做得多”...