jQuery中选择器小问题(新人难免遇到)


Posted in Javascript onMarch 31, 2014

今天照着jQuery手册学习,了解了选择器的使用,准备试试写个用户注册验证,没想到还没开始一个很小的问题把我难住了!

新人难免遇到很小的细节问题,在此文仅供自勉:

测试部分代码如下:

<script type="text/javascript" src="jquery.1.11.0.min.js"></script> 
<script type="text/javascript"> function checkUser(){ //检查用户名的函数 
alert("OK"); //测试。。。 
} 
$(document).ready(function(){ 
$(":text :first").blur(function (){ //当失去焦点触发的事情 
/**此处就是我折腾好久的地方。当然我想获得的是用户注册元素,所以我用 
* 如上选择器,结果根本不行!检查代码,发现根本就没有错误!那问题出在哪? 
*选择器的使用有问题?我换用 #id 选择器,果然OK!但是理论上如上这种选择器肯定是没问题的! 
*我又用 $(":input :text") ,错误! $(":input :eq(0)"); 错误! 妹的!问题到底在哪? 
*此刻,手一贱,把:text与:first中的一个空格不小心删掉,一运行,尼玛,跑起来了!果断再试用刚那 
*几个选择器,全OK!经过多次测试,得出如下经验: 
*使用内部包含关系的组合选择器时,它们之间不能加空格!$(":text :first)" 错误!$(":text:first) 
**/ 正确!当使用层次关系的组合选择器时,他们之间要有空格 
checkUser(); 
}); 
</script> 
</head> 
<body> 
<form> 
<fieldset> 
<legend>注册页面</legend> 
用户名<input type="text"> <br> 
密码<input type="password"><span> <br> 
验证密码<input type="password"> <br> 
email<input type="text" ><span> <br> 
<input type="submit" value="注册"> 
</fieldset> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
javascript之水平横向滚动歌词同步的应用
May 07 Javascript
jQuery之ajax技术的详细介绍
Jun 19 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
jqueryMobile使用示例分享
Jan 12 Javascript
详解jQuery中的事件
Dec 14 Javascript
JavaScript运动框架 链式运动到完美运动(五)
May 18 Javascript
JavaScript输入框字数实时统计更新
Jun 17 Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
微信小程序实现判断是分享到群还是个人功能示例
May 03 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
jquery控制display属性为none或block
Mar 31 #Javascript
js原型继承的两种方法对比介绍
Mar 30 #Javascript
详解JavaScript中undefined与null的区别
Mar 29 #Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 #Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
Mar 28 #Javascript
javascript修改IMG标签的src问题
Mar 28 #Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 #Javascript
You might like
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
php图像处理函数大全(推荐收藏)
2013/07/11 PHP
初识laravel5
2015/03/02 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
filemanage功能中用到的common.js
2007/04/08 Javascript
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
jQuery EasyUI封装简化操作
2016/09/18 Javascript
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
详解如何提升JSON.stringify()的性能
2019/06/12 Javascript
vue v-for直接循环数字实例
2019/11/07 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
python使用arcpy.mapping模块批量出图
2017/03/06 Python
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
pandas DataFrame运算的实现
2020/06/14 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
美国最大点评网站:Yelp
2018/02/14 全球购物
九年级家长会邀请函
2014/01/15 职场文书
广告创意求职信
2014/03/17 职场文书
幼儿园的门卫岗位职责
2014/04/10 职场文书
低碳环保倡议书
2014/04/14 职场文书
歌颂党的演讲稿
2014/09/10 职场文书
老公保证书
2015/01/17 职场文书
项目负责人岗位职责
2015/02/15 职场文书
仅用几行Python代码就能复制她的U盘文件?
2021/06/26 Python