jQuery学习(一)

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

         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);
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值