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中文入门指南,翻译加实例,jQuery的起点教程
Jan 13 Javascript
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
Mar 04 Javascript
vue+elementUI实现简单日历功能
Sep 24 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
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
在Windows版的PHP中使用ADO
2006/10/09 PHP
上传多个文件的PHP脚本
2006/11/26 PHP
PHP连接SQLServer2005 的问题解决方法
2010/07/19 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
JS 树形递归实例代码
2010/05/18 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
JS排序之快速排序详解
2017/04/08 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
详解element-ui日期时间选择器的日期格式化问题
2019/04/08 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
vue项目中微信登录的实现操作
2020/09/08 Javascript
python简易实现任意位数的水仙花实例
2018/11/13 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
python自动化之Ansible的安装教程
2019/06/13 Python
解析python实现Lasso回归
2019/09/11 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
英国团购网站:Groupon英国
2017/11/28 全球购物
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
Ibatis如何使用动态表名
2015/07/12 面试题
保密工作目标责任书
2014/07/28 职场文书
商务经理岗位职责
2014/08/03 职场文书
单位委托书范本(3篇)
2014/09/18 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
党性分析材料格式
2014/12/19 职场文书
研讨会致辞
2015/07/31 职场文书
业务员管理制度范本
2015/08/06 职场文书
如何制定销售人员薪酬制度?
2019/07/09 职场文书
基于python定位棋子位置及识别棋子颜色
2021/07/26 Python
Golang 切片(Slice)实现增删改查
2022/04/22 Golang