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 相关文章推荐
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
js仿苹果iwatch外观的计时器代码分享
Aug 26 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
Dec 03 Javascript
基于JavaScript实现移除(删除)数组中指定元素
Jan 04 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
js简单倒计时实现代码
Apr 30 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
Mar 29 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
Angularjs添加排序查询功能的实例代码
Oct 24 Javascript
Angular6项目打包优化的实现方法
Dec 15 Javascript
vue实现标签云效果的示例
Nov 09 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
我的论坛源代码(三)
2006/10/09 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
PHP自定义多进制的方法
2016/11/03 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
如何实现浏览器上的右键菜单
2006/07/10 Javascript
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
JQuery获取当前屏幕的高度宽度的实现代码
2011/07/12 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
vue2.x select2 指令封装详解
2017/10/12 Javascript
webpack3之loader全解析
2017/10/26 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
JS使用cookie保存用户登录信息操作示例
2019/05/30 Javascript
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
python学习笔记:字典的使用示例详解
2014/06/13 Python
Python生成随机密码
2015/03/10 Python
Numpy之文件存取的示例代码
2018/08/03 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
python的debug实用工具 pdb详解
2019/07/12 Python
Python Spyder 调出缩进对齐线的操作
2021/02/26 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
2016/07/08 HTML / CSS
工程类专业自荐信范文
2014/03/09 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
感恩节活动策划方案
2014/05/16 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
goland 清除所有的默认设置操作
2021/04/28 Golang
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS
ant design vue的form表单取值方法
2022/06/01 Vue.js