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 相关文章推荐
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
解读Bootstrap v4 sass设计
May 29 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
vue.js路由跳转详解
Aug 28 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
vue组件中的样式属性scoped实例详解
Oct 30 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 Javascript
5分钟快速看懂ES6中的反射与代理
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
php读取msn上的用户信息类
2008/12/05 PHP
php 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
Yii CFileCache 获取不到值的原因分析
2017/02/08 PHP
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
jquery图片倾斜层叠切换特效代码分享
2015/08/27 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
2018/09/04 Javascript
Vue实现表格中对数据进行转换、处理的方法
2018/09/06 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
javascript中的数据类型检测方法详解
2019/08/07 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
2019/09/16 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
多版本Python共存的配置方法
2017/05/22 Python
Python切片索引用法示例
2018/05/15 Python
python之mock模块基本使用方法详解
2019/06/27 Python
django echarts饼图数据动态加载的实例
2019/08/12 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
python中字典增加和删除使用方法
2020/09/30 Python
教师实习期自我鉴定
2013/10/06 职场文书
销售主管岗位职责范本
2014/02/14 职场文书
婚礼秀策划方案
2014/05/19 职场文书
群教班子对照检查材料
2014/08/26 职场文书
国防教育标语
2014/10/08 职场文书
2014年民主评议党员工作总结
2014/12/02 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
MySQL优化之如何写出高质量sql语句
2021/05/17 MySQL
详解python的异常捕获
2022/03/03 Python
2021年国产动漫公司排行前十名,玄机科技上榜,第二推出过铠甲勇士
2022/03/18 杂记
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android