本人觉得这个博客非常不错,可以将它作为自己平时学习的笔记写在上面和大家一起分享,决定在这里安家了。
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); }