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 相关文章推荐
js的表单操作 简单计算器
Dec 29 Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
Feb 16 Javascript
jQuery extend 的简单实例
Sep 18 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
javascript中Function类型详解
Apr 28 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
jQuery子元素过滤选择器用法示例
Sep 09 Javascript
原生javascript实现的ajax异步封装功能示例
Nov 03 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
jQuery实现遮罩层登录对话框
Dec 29 Javascript
vue this.reload 方法 配置
Sep 12 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 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
模拟xcopy的函数
2006/10/09 PHP
php $_ENV为空的原因分析
2009/06/01 PHP
php中hashtable实现示例分享
2014/02/13 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
深入了解Node.js中的一些特性
2014/09/25 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
vue穿梭框实现上下移动
2021/01/29 Vue.js
[57:29]Alliance vs KG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/17 DOTA
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
Python字符遍历的艺术
2008/09/06 Python
Python程序中的观察者模式结构编写示例
2016/05/27 Python
Python打包文件夹的方法小结(zip,tar,tar.gz等)
2016/09/18 Python
python中format()函数的简单使用教程
2018/03/14 Python
Python实现二维数组输出为图片
2018/04/03 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
python安装gdal的两种方法
2019/10/29 Python
Python类中self参数用法详解
2020/02/13 Python
厂办主管岗位职责范本
2014/02/28 职场文书
年终总结会议主持词
2014/03/17 职场文书
大学学习计划书范文
2014/05/02 职场文书
运动会班级口号
2014/06/09 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
长城导游词300字
2015/01/30 职场文书
办公室岗位职责
2015/02/04 职场文书
python实现ROA算子边缘检测算法
2021/04/05 Python
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS