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 相关文章推荐
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 Javascript
jQuery中 delegate使用的问题
Jul 03 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
JavaScript实现DOM对象选择器
Sep 24 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
如何使用vuejs实现更好的Form validation?
Apr 07 Javascript
vue2.0实现分页组件的实例代码
Jun 22 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
JS数组方法push()、pop()用法实例分析
Jan 18 Javascript
javascript实现简单留言板案例
Feb 09 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
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
php实现单链表的实例代码
2013/03/22 PHP
php之XML转数组函数的详解
2013/06/07 PHP
PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图
2017/05/15 PHP
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
2012/10/11 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
浅谈webpack+react多页面开发终极架构
2018/11/11 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
python SVD压缩图像的实现代码
2019/11/05 Python
使用Python的Turtle绘制哆啦A梦实例
2019/11/21 Python
python中JWT用户认证的实现
2020/05/18 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
澳大利亚领先的女帽及配饰公司:Morgan&Taylor
2019/12/01 全球购物
毕业自荐信
2013/12/16 职场文书
汽车制造与装配专业自荐信范文
2014/01/02 职场文书
应届生如何写自荐信
2014/01/05 职场文书
syb养殖创业计划书
2014/01/09 职场文书
网上卖盒饭创业计划书
2014/01/26 职场文书
先进学校事迹材料
2014/12/30 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
公司搬迁通知
2015/04/20 职场文书
公司禁烟通知
2015/04/23 职场文书
Golang map映射的用法
2022/04/22 Golang