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 相关文章推荐
新浪刚打开页面出来的全屏广告代码
Apr 02 Javascript
使用Jquery实现每日签到功能
Apr 03 Javascript
跟我学习javascript的异步脚本加载
Nov 20 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
AngularJs Injecting Services Into Controllers详解
Sep 02 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
jQuery常用选择器详解
Jul 17 jQuery
实时监控input框,实现输入框与下拉框联动的实例
Jan 23 Javascript
解决eclipse中没有js代码提示的问题
Oct 10 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
小程序实现搜索框功能
Mar 26 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
合作指挥官:孟斯克
2020/03/16 星际争霸
PHP学习之数组的定义和填充
2011/04/17 PHP
解析:通过php socket并借助telnet实现简单的聊天程序
2013/06/18 PHP
分享一个php 的异常处理程序
2014/06/22 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
给WordPress的编辑后台添加提示框的代码实例分享
2015/12/25 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
理解AngularJs指令
2015/12/10 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
详解jQuery事件
2017/01/13 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
nodejs读取并去重excel文件
2018/04/22 NodeJs
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python学习之matplotlib绘制散点图实例
2017/12/09 Python
Python错误处理操作示例
2018/07/18 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
python sorted函数的小练习及解答
2019/09/18 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法
2012/05/24 面试题
如何唤起类中的一个方法
2013/11/29 面试题
港澳通行证委托书怎么写
2014/08/02 职场文书
药店营业员岗位职责
2015/04/14 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript