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 相关文章推荐
地震发生中逃生十大法则
May 12 Javascript
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
前后台交互过程中json格式如何解析以及如何生成
Dec 26 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
javascript实现tab切换的四种方法
Nov 05 Javascript
Javascript动画效果(4)
Oct 11 Javascript
ES6新增数据结构WeakSet的用法详解
Aug 07 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
Apr 29 Javascript
深入了解Hybrid App技术的相关知识
Jul 17 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
js实现图片粘贴到网页
Dec 06 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 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
分享一个超好用的php header下载函数
2014/01/31 PHP
yii2安装详细流程
2018/05/23 PHP
JavaScript 参考教程
2006/12/29 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
jQuery 幻灯片插件(带缩略图功能)
2011/01/24 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
TableSort.js表格排序插件使用方法详解
2017/02/10 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
解决Vue中使用keepAlive不缓存问题
2020/08/04 Javascript
关于JavaScript数组去重的一些理解汇总
2020/09/10 Javascript
Python中的index()方法使用教程
2015/05/18 Python
python如何通过twisted实现数据库异步插入
2018/03/20 Python
Python实现获取邮箱内容并解析的方法示例
2018/06/16 Python
用python实现将数组元素按从小到大的顺序排列方法
2018/07/02 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
python框架django项目部署相关知识详解
2019/11/04 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
房地产还款计划书
2014/01/10 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
植树节标语
2014/06/27 职场文书
高中生旷课检讨书
2014/10/08 职场文书
运动员入场前导词
2015/07/20 职场文书
八年级作文之感恩
2019/11/22 职场文书
pytorch--之halfTensor的使用详解
2021/05/24 Python
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android