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 相关文章推荐
JS处理VBArray的函数使用说明
May 11 Javascript
javascript 流畅动画实现原理
Sep 08 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
搞定immutable.js详细说明
May 02 Javascript
看看“疫苗查询”小程序有温度的代码
Jul 31 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
Js代码中的span拼接问题解决
Nov 22 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
Jul 27 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
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP基于单例模式编写PDO类的方法
2016/09/13 PHP
JQuery获取当前屏幕的高度宽度的实现代码
2011/07/12 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
2012/12/17 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
js实现旋转木马效果
2017/03/17 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
2017/12/28 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
2018/11/02 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
微信小程序云开发详细教程
2019/05/16 Javascript
js滚轮事件 js自定义滚动条的实现
2020/01/18 Javascript
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
人脸识别经典算法一 特征脸方法(Eigenface)
2018/03/13 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
python装饰器常见使用方法分析
2019/06/26 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
python实现抠图给证件照换背景源码
2019/08/20 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
如何使用Python调整图像大小
2020/09/26 Python
利用简洁的图片预加载组件提升html5移动页面的用户体验
2016/03/11 HTML / CSS
Tech21美国/加拿大:英国NO.1防摔保护壳品牌
2018/01/20 全球购物
手工制作的意大利太阳镜和光学元件:Illesteva
2019/01/19 全球购物
UNIX文件系统分类
2014/11/11 面试题
银行会计职员个人的自我评价
2013/09/29 职场文书
北体毕业生求职信
2014/02/28 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
《翻越远方的大山》教学反思
2014/04/13 职场文书
新书发布会策划方案
2014/06/09 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
教师党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
卫生院义诊活动总结
2015/05/07 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
React配置子路由的实现
2021/06/03 Javascript