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 相关文章推荐
JSON.parse 解析字符串出错的解决方法
Jul 08 Javascript
javascript控制swfObject应用介绍
Nov 29 Javascript
JS delegate与live浅析
Dec 21 Javascript
JS实现div居中示例
Apr 17 Javascript
Bootstrap每天必学之日期控制
Mar 07 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
js的三种继承方式详解
Jan 21 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
Vue如何引入远程JS文件
Apr 20 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 Javascript
vue中可编辑树状表格的实现代码
Oct 31 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
第五节 克隆 [5]
2006/10/09 PHP
解决GD中文乱码问题
2007/02/14 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
FLASH 广告之外的链接
2008/12/16 Javascript
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
JS 面向对象的5钟写法
2009/07/31 Javascript
使用jspdf生成pdf报表
2015/07/03 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
2015/08/13 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
2016/01/26 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
2019/05/04 jQuery
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
Python探索之Metaclass初步了解
2017/10/28 Python
多个应用共存的Django配置方法
2018/05/30 Python
python使用Plotly绘图工具绘制柱状图
2019/04/01 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
Python Django切换MySQL数据库实例详解
2019/07/16 Python
浅析python标准库中的glob
2020/03/13 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
澳大利亚婴儿礼品公司:The Baby Gift Company
2018/11/04 全球购物
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
提高EJB性能都有哪些技巧
2012/03/25 面试题
学校安全生产承诺书
2014/05/23 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
优秀志愿者感言
2015/08/01 职场文书
python 调用js的四种方式
2021/04/11 Python
Java常用函数式接口总结
2021/06/29 Java/Android
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android