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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
javascript 实现父窗口引用弹出窗口的值的脚本
Aug 07 Javascript
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 Javascript
每天一篇javascript学习小结(Boolean对象)
Nov 12 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
JavaScript canvas基于数组生成柱状图代码实例
Mar 06 Javascript
原生js实现自定义消息提示框
Nov 19 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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调用MySQL存储过程并返回值的方法
2014/12/26 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
javascript对下拉列表框(select)的操作实例讲解
2013/11/29 Javascript
使用js dom和jquery分别实现简单增删改
2014/09/11 Javascript
谷歌浏览器调试JavaScript小技巧
2014/12/29 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
AngularJS基础 ng-mouseover 指令简单示例
2016/08/02 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
2016/11/07 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
2018/09/21 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
初步解析Python中的yield函数的用法
2015/04/03 Python
Python脚本在Appium库上对移动应用实现自动化测试
2015/04/17 Python
python抓取最新博客内容并生成Rss
2015/05/17 Python
Python yield 使用方法浅析
2017/05/20 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
英国床垫在线:Mattress Online
2016/12/07 全球购物
strstr()的简单实现
2013/09/26 面试题
员工培训邀请函
2014/01/11 职场文书
大学生自我鉴定范文模板
2014/01/21 职场文书
厂区绿化方案
2014/05/08 职场文书
结婚主持人致辞
2015/07/28 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书