jQuery学习(一)

最新推荐文章于 2024-08-09 02:16:38 发布

最新推荐文章于 2024-08-09 02:16:38 发布 · 105 阅读

文章标签：

#jQuery #JavaScript #Ajax #CSS #脚本 #ViewUI

jQuery 专栏收录该内容

5 篇文章

订阅专栏

本人觉得这个博客非常不错，可以将它作为自己平时学习的笔记写在上面和大家一起分享，决定在这里安家了。

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"/>&nbsp;<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);
}