本人觉得这个博客非常不错，可以将它作为自己平时学习的笔记写在上面和大家一起分享，决定在这里安家了。
jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。
jQuery 是什么？
jQuery 由 John Resig 创建于 2006 年初，对于任何使用 JavaScript 代码的程序员来说，它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言，并且希望获得一个能解决文档对象模型（Document Object Model，DOM）脚本和 Ajax 开发中一些复杂问题的库，还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家，jQuery 都会是您的首选。
jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery，您可以把握问题的要点，并使用尽可能最少的代码实现您想要的功能。
所以我今天学习第一个jQuery程序：
我在这里首先要说的就是在运行jQuery程序你需要jQuery的JavaScript 库，你可以到www.jquery.com下载。在这里我也将它上传了。
<html>
<head>
<title>用户名的验证</title>
<link type="text/css" rel="stylesheet" href="css/user.css"/>
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
</head>
<body>
请输入用户名<input type="text" id="userInfo"/> <input type="button" value="校验" id="verfiyButton">
<span id="hell">hert</span>
<div></div>
</body>
<script language="javascript">
$(document).ready(function(){
//alert("finish");
$("#verfiyButton").click(function(){
var oid=1234;
onChange(oid);
});
$("#hell").click(function(){
alert("hell0");
});
$("#userInfo").click(function(){
});
});
</script>
<script language="javascript">
function onChange(oid){
alert(oid);
}
</script>
</html>
#userInfo{
border: 1px solid red;
}
$(document).ready(function(){
//alert("finish");
$("#verfiyButton").click(function(){
onChange(this);
});
$("#userInfo").click(function(){
});
});
function onChange(obj){
var bid=$(obj).id;
alert(""+bid);
}
分享到：
相关推荐
**jQuery学习一** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。在本文中，我们将深入探讨jQuery的核心概念、语法特点以及如何利用它来增强网页的动态性。 ### 1....
**jQuery学习资料详解** jQuery，一个轻量级、高性能的JavaScript库，自2006年发布以来，因其简洁易用的API接口和强大的功能，迅速成为开发者们首选的前端工具之一。本资料旨在深入浅出地介绍jQuery的核心概念、...
这个“jQuery学习资料大全”是一个全面的学习资源集合，它涵盖了从基础到进阶的所有关键知识点，通过系统学习和实践，你将能够熟练掌握这一强大的JavaScript库，提高你的前端开发技能。记得理论与实践相结合，多动手...
**jQuery学习笔记（一）** 在深入探讨jQuery之前，我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
**jQuery学习网站** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。由于其简洁的语法和强大的功能，jQuery成为了前端开发中的首选工具之一。 这篇博文链接...
本压缩包包含的“精选jQuery学习资料”是针对这一强大的库进行深入学习的重要资源。 首先，我们来看看`jquery-1.2.6.js`，这是jQuery库的1.2.6版本的源代码文件。这个版本的历史悠久，但依然具有学习价值，因为它...
《JQuery学习手册》是一份全面且深入的资源，旨在帮助开发者掌握JavaScript库JQuery的核心概念和实用技巧。这份手册不仅包含理论知识，还有实践应用的案例，是初学者和经验丰富的开发者提升JQuery技能的理想参考资料...
这个“JQuery学习资料”压缩包包含了一系列与JQuery相关的学习资源，旨在帮助开发者深入理解和掌握JQuery的核心概念和实用技巧。 首先，`jquery1.4 API`是JQuery 1.4版本的官方API文档，它详细列出了该版本的所有...
**jQuery经典学习手册** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能而深受开发者喜爱。本手册将带你逐步深入了解jQuery，从基础到高级，让你全面掌握这个强大的工具。 ### 一、jQuery简介 ...
**jQuery学习资料与源代码...综上所述，这个压缩包提供了一个全面的jQuery学习路径，不仅有理论知识，还有丰富的实践代码。无论你是初学者还是有一定经验的开发者，都能从中受益匪浅，进一步提升你的JavaScript技能。
Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记...本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点，为读者提供了一个系统的Jquery学习指南。
总的来说，这个压缩包是一个全面的jQuery学习资源集合，涵盖了从基础到进阶的各种主题，包括API参考、实例演示、UI组件使用等。通过深入研究这些材料，你不仅可以学会如何使用jQuery，还能了解到如何利用它来创造...
《jQuery手册：深入学习jQuery》 在Web开发领域，jQuery是一个不可或缺的JavaScript库，它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本篇文章将深入探讨jQuery的核心概念和实用技巧，帮助你全面掌握这...
**jQuery学习示例大全** jQuery是一款广泛应用于网页开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。这个"jQuery学习示例大全"涵盖了从基础到进阶的各种示例，帮助开发者快速掌握...
**jQuery学习配套资料详解** jQuery是一款广泛应用于前端开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本压缩包提供了全面的jQuery学习资源，包括全版本的jQuery库、...
《jQuery学习文档中文版》是面向初学者和进阶开发者的一份宝贵资源，它详尽地介绍了jQuery库的各种功能和用法。jQuery是一款强大的JavaScript库，简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务，使得前端...
**jQuery学习资料** jQuery是一款广泛应用于前端开发的JavaScript库，它极大地简化了JavaScript代码的编写，使得DOM操作、事件处理、动画制作等任务变得更加简单。本资料包包含了jQuery的学习资源，包括PPT教程和...
**jQuery学习课堂工具详解** jQuery，作为一款广泛应用于Web开发的JavaScript库，为开发者提供了简洁、高效的API，使得DOM操作、事件处理、动画设计以及Ajax交互变得更加简单。本"jQuery学习课堂工具"专注于帮助...