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 tools之tooltip
Jul 25 Javascript
return false;和e.preventDefault();的区别
Jul 11 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
详解网站中图片日常使用以及优化手法
Jan 09 Javascript
一步步教会你微信小程序的登录鉴权
Apr 09 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
原生js实现无缝轮播图
Jan 11 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
DedeCms模板安装/制作概述
2007/03/11 PHP
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
Jquery实现简单的动画效果代码
2012/03/18 Javascript
JS跨域代码片段
2012/08/30 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
escape函数解决js中ajax传递中文出现乱码问题
2014/10/30 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
利用JS提交表单的几种方法和验证(必看篇)
2016/09/17 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
用headjs来管理和加载js 提高网站加载速度
2016/11/29 Javascript
ES6新特性八:async函数用法实例详解
2017/04/21 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
js实现数字从零慢慢增加到指定数字示例
2019/11/07 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
小程序自定义圆形进度条
2020/11/17 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
Python调用C语言开发的共享库方法实例
2015/03/18 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
解决python3 安装完Pycurl在import pycurl时报错的问题
2018/10/15 Python
详解js文件通过python访问数据库方法
2019/03/03 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
python实现数据清洗(缺失值与异常值处理)
2019/12/02 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
大四毕业生自荐书
2014/07/05 职场文书
小时代观后感
2015/06/10 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书