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 相关文章推荐
许愿墙中用到的函数
Oct 07 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
AngularJS中的过滤器filter用法完全解析
Apr 22 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
JavaScript实现通过select标签跳转网页的方法
Sep 29 Javascript
Ajax与服务器(JSON)通信实例代码
Nov 05 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
在Vue项目中使用Typescript的实现
Dec 19 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
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
PHP 面向对象程序设计(oop)学习笔记(三) - 单例模式和工厂模式
2014/06/12 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
深入分析PHP引用(&amp;)
2014/09/04 PHP
jquery select下拉框操作的一些说明
2010/04/02 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
详解小程序缓存插件(mrc)
2018/08/17 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
详解vue3.0 的 Composition API 的一种使用方法
2020/10/26 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
python中django框架通过正则搜索页面上email地址的方法
2015/03/21 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
python模块导入的细节详解
2018/12/10 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
微观物理专业自荐信
2014/01/26 职场文书
初三政治教学反思
2014/01/30 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
门卫岗位职责
2015/02/09 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
办公室禁烟通知
2015/04/23 职场文书
无保留意见审计报告
2015/06/05 职场文书
党员证明信
2015/06/19 职场文书
离职告别感言
2015/08/04 职场文书
《青山不老》教学反思
2016/02/22 职场文书