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 相关文章推荐
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
Sep 12 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
angular route中使用resolve在uglify压缩后问题解决
Sep 21 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
Vue.js中数组变动的检测详解
Oct 12 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
Typescript3.9 常用新特性一览(推荐)
May 14 Javascript
原生js实现购物车功能
Sep 23 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获取当前url的具体方法全面解析
2013/11/26 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
2014/04/24 PHP
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
详解vue的数据binding绑定原理
2017/04/12 Javascript
vue表单绑定实现多选框和下拉列表的实例
2017/08/12 Javascript
js实现延迟加载的几种方法详解
2019/01/19 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Python深入学习之闭包
2014/08/31 Python
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
Python中将dataframe转换为字典的实例
2018/04/13 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
Python restful框架接口开发实现
2020/04/13 Python
Python dict的常用方法示例代码
2020/06/23 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
CSS3制作轮播图的一种方法
2019/11/11 HTML / CSS
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
乌克兰在线药房:Аптека24
2019/10/30 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
Why do we need Unit test
2013/01/03 面试题
外贸业务员岗位职责
2013/11/24 职场文书
社区安置帮教工作总结2015
2015/05/20 职场文书
外出考察学习心得体会
2016/01/18 职场文书
2019年学校消防安全责任书(2篇)
2019/10/09 职场文书
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android