发布于 2017-04-21 17:46:40 | 17 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例,程序狗速度看过来!

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。


本文为大家介绍下jQuery的输入控件及回车事件的应用,具体示例代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>JavaScript</title> 
<style type="text/css"> 
body { /* 对页面布局进行调整 */ 
background-color: #ccc; 
width: 960px; 
height: 50%; 
margin: 0px auto; 
} 
</style> 
</head> 
<body> 
<script type="text/javascript" src="jquery-1.8.0.js"> 
</script> 

用户名:<input type="text" name="user" id="user"/><br/> 
密   码:<input type="password" name="passwd" id="passwd"></input> 

<script type="text/javascript"> 
$("body") 
.css("margin-left",(($(document).width() - 1024) / 2) + "px") 
.css("overflow-x", "hidden"); 

/* 只对id为passwd的控件绑定keypress事件 */ 
$("input[id='passwd']").bind("keypress", function(event){ 
if (event.keyCode == '13') { // 回车按键的代码 
if (!$('#user').val() || !$('#passwd').val()) { // 检测用户名与密码是否为空 
          alert("用户名或密码为空,请重新输入!"); 
          return; 
        } 
alert("用户名为:" + $('#user').val() + ", 密码为:" + $('#passwd').val()); 
} 
}); 

</script> 
</body> 
</html> 



相关阅读 :
jQuery的控件及事件(输入控件及回车事件)使用示例
浅谈jQuery的offset()方法及示例分享
基于jquery的button默认enter事件(回车事件)。
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
jquery移除、绑定、触发元素事件使用示例详解
jQuery 相关控件的事件操作分解
Jquery获得控件值的三种方法总结
Jquery实现控件的隐藏和显示实例
基于jquery的9行js轻松实现tab控件示例
jQuery让控件左右移动的三种实现方法
jquery设置控件位置的方法
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务