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系列之数据类型 字符串
Jun 08 Javascript
JsDom 编程小结
Aug 09 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
bootstrap modal弹出框的垂直居中
Dec 14 Javascript
从零学习node.js之文件操作(三)
Feb 21 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
详解JavaScript中的坐标和距离
May 27 Javascript
如何通过JS实现日历简单算法
Oct 14 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
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
Prototype String对象 学习
2009/07/19 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
在Python中用get()方法获取字典键值的教程
2015/05/21 Python
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
浅谈python3中input输入的使用
2019/08/02 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
基于HTML5+Webkit实现树叶飘落动画
2017/12/28 HTML / CSS
大型活动策划方案
2014/01/12 职场文书
科技开发中心办公室主任岗位责任制
2014/02/10 职场文书
创建省级文明单位实施方案
2014/02/27 职场文书
岗位明星事迹材料
2014/05/18 职场文书
党课心得体会范文
2014/09/09 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
表扬信范文
2015/05/04 职场文书