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 数据缓存模块进化史详细介绍
Nov 19 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
纯JS实现动态时间显示代码
Feb 08 Javascript
JS实现在网页中弹出一个输入框的方法
Mar 03 Javascript
javascript入门教程基础篇
Nov 16 Javascript
js实现日历的简单算法
Jan 24 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
JS实现的视频弹幕效果示例
Aug 17 Javascript
javascript实现点亮灯泡特效示例
Oct 15 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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
php修改NetBeans默认字体的大小
2013/07/02 PHP
PHP从尾到头打印链表实例讲解
2018/09/27 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
ie支持function.bind()方法实现代码
2012/12/27 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
JavaScript中的事件委托及好处
2016/07/12 Javascript
jQuery实现磁力图片跟随效果完整示例
2016/09/16 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
JS实现前端页面的搜索功能
2018/06/12 Javascript
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
python脚本爬取字体文件的实现方法
2017/04/29 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
Python中有几个关键字
2020/06/04 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
高校学生干部的自我评价分享
2013/11/04 职场文书
旅游管理毕业生自荐书
2014/02/02 职场文书
管理岗位竞聘演讲稿
2014/08/18 职场文书
群教班子对照检查材料
2014/08/26 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
2016中学教师读书心得体会
2016/01/13 职场文书
Node.js实现断点续传
2021/06/23 Javascript
Golang 遍历二叉树
2022/04/19 Golang
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python