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 相关文章推荐
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
首页图片漂浮效果示例代码
Jun 05 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
Jan 17 Javascript
JS库之Highlight.js的用法详解
Sep 13 Javascript
vue以组件或者插件的形式实现throttle或者debounce
May 22 Javascript
微信小程序动态显示项目倒计时
Jun 20 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 Javascript
Node.js中的异步生成器与异步迭代详解
Jan 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
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
php无限级分类实现方法分析
2016/10/19 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
用JQuery调用Session的实现代码
2010/10/29 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
在vue中获取dom元素内容的方法
2017/07/10 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
在Python中使用__slots__方法的详细教程
2015/04/28 Python
Linux下python制作名片示例
2018/07/20 Python
Python编程flask使用页面模版的方法
2018/12/28 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
pip安装提示Twisted错误问题(Python3.6.4安装Twisted错误)
2020/05/09 Python
Python用类实现扑克牌发牌的示例代码
2020/06/01 Python
Python 转移文件至云对象存储的方法
2021/02/07 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
比较一下entity bean和session bean
2013/12/27 面试题
远程教育心得体会
2014/01/03 职场文书
公积金转移接收函
2014/01/11 职场文书
护理专业大学生自我推荐信
2014/01/25 职场文书
国际贸易专业个人鉴定
2014/02/22 职场文书
产假请假条
2014/04/10 职场文书
国际商务专业求职信
2014/07/15 职场文书
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
求职意向书范本
2015/05/11 职场文书
天鹅湖观后感
2015/06/09 职场文书
python基础之爬虫入门
2021/05/10 Python