jQuery库包含了很多用来改变和操作HTML元素及其属性的方法。
其中一个非常重要的部分就是jQuery可以用来操作DOM。
本篇介绍使用jQuery来取得DOM节点元素的值或属性。
其中三个简单而有用的方法如下：
- text() – 设置或取得指定元素的文本内容。
- html() – 设置或取得指定元素的内容（包括HTML标记）
- val() – 设置或取得表单某个输入域的值。
例如，下面代码使用html()和text()方法取得HTML元素的内容：
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
下面的代码取得Form中Input 的内容：
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
除了上面的方法外，attr()方法用来取得某个元素的属性：下面代码用来取得链接的href属性：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery Demo</title>
<script src="scripts/jquery-1.9.1.js"></script>
</script>
<script>
$(document).ready(function () {
$("button").click(function () {
alert($("#guidebee").attr("href"));
});
});
</script>
</head>
<body>
<p><a
href="http://www.imobilebbs.com"
id="guidebee">
imobilebbs.com
</a></p>
<button>Show href Value</button>
</body>
</html>
分享到：
相关推荐
**jQuery 入门经典教程** jQuery 是一个广泛应用于前端开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个经典教程将带你深入理解jQuery的核心概念，帮助你快速上手并...
**jQuery入门教程** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个教程将引导你逐步了解jQuery的基础知识，让你快速上手。 **1. jQuery的引入** 在HTML...
**jQuery入门教程** jQuery，一个轻量级的JavaScript库，由John Resig在2006年创建，因其简洁易用的API而迅速流行起来。它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本教程将帮助初学者...
**jQuery经典入门教程** jQuery是一款高效、简洁的JavaScript库，它极大地简化了JavaScript代码的编写，使得网页交互变得更加简单和直观。这篇教程将带你走进jQuery的世界，了解其基本概念、核心功能以及常见应用。...
**jQuery入门指南教程** jQuery，一个轻量级的JavaScript库，是前端开发中不可或缺的工具，因其简洁的API和强大的功能而备受青睐。本教程专为初学者设计，旨在帮助你快速掌握jQuery的基础知识和常见操作，从而提高...
在"传智播客Ajax和jQuery入门教程"中，你将学习如何： 1. **理解Ajax的工作原理**：包括创建XMLHttpRequest对象，设置请求参数，发送请求，以及处理服务器响应。 2. **使用jQuery进行DOM操作**：如何选择元素，添加...
**jQuery入门教程指南** jQuery，一个轻量级的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它是Web开发者必备的工具之一，尤其对于初学者而言，jQuery提供了一种简单易学的方式...
### jQuery入门精要 #### 一、jQuery概览与崛起 **标题与描述解析：** "jquery 入门帮助.pdf"这一标题明确指向了对jQuery初学者的指导资料，而描述“对于了解ajax并初识jq的人很有帮助”则暗示了内容会涵盖jQuery...
**jQuery经典入门教程** jQuery，一个轻量级的JavaScript库，是前端开发中不可或缺的工具。它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互，使得开发者能够更高效地创建交互性强的网页应用。这...
一、jQuery入门 1. 引入jQuery库：在HTML文件中，可以通过在`<head>`标签内添加`<script>`标签来引入jQuery库，通常从CDN（内容分发网络）获取，如`https://code.jquery.com/jquery-latest.min.js`。 2. jQuery...
《jQuery入门Demo详解》 jQuery，作为一款广泛应用于前端开发的JavaScript库，以其简洁的API、强大的功能和广泛的浏览器兼容性赢得了开发者们的喜爱。对于初学者来说，掌握jQuery的基础知识和常见操作是步入Web开发...
**jQuery基础教程中文版2015** jQuery是一款强大的...总结，jQuery基础教程2015版是初学者入门jQuery的良好资料，通过学习，你可以掌握这一强大的工具，提升网页开发效率，创造更加动态和交互性强的Web应用。
这个"jQuery中文入门教程"旨在帮助初学者快速掌握jQuery的基本用法和核心概念。 一、jQuery简介 jQuery是由John Resig在2006年创建的一个开源项目，其目标是"Write Less, Do More"。jQuery通过封装DOM操作、事件...
这篇中文入门教程旨在帮助初学者理解jQuery的核心概念和功能。 首先，我们需要安装jQuery库。你可以从官方站点下载最新版本，或者在项目中通过CDN引入。一旦有了jQuery库，我们就可以开始编写代码了。 在jQuery中...
本篇将作为jQuery入门的起点，带领初学者逐步理解并掌握这个强大的工具。 ### 1. jQuery 的安装与引入 在开始学习jQuery之前，首先需要在项目中引入jQuery库。最常见的方式是通过CDN（内容分发网络）链接，这样...
### jQuery入门自学教程知识点概述 #### 一、jQuery简介及特点 **定义**: jQuery是一款流行的JavaScript库，旨在简化HTML文档遍历、事件处理、动画以及Ajax交互等常见操作。 **特点**: 1. **功能强大**：提供了一...
**jQuery入门教程** jQuery是一款广泛应用于网页开发的JavaScript库，它极大地简化了JavaScript代码的编写，使得DOM操作、事件处理、动画制作等任务变得更加容易。本教程将带你深入理解jQuery的基础概念，帮助你...
**jQuery入门教程** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个教程将引导初学者理解jQuery的基本概念和优势，为更深入的学习打下基础。 ### 1. ...