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 相关文章推荐
分享20款好玩的jQuery游戏
Apr 17 Javascript
jQuery中ajax的load()方法用法实例
Dec 26 Javascript
jQuery中offset()方法用法实例
Jan 16 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
详解vuex 中的 state 在组件中如何监听
May 23 Javascript
设置cookie指定时间失效(实例代码)
May 28 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
原生js实现日期选择插件
May 21 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 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实现mysql数据库备份类
2008/03/20 PHP
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
解析wamp5下虚拟机配置文档
2013/06/27 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
php检测useragent版本示例
2014/03/24 PHP
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
php中cookie实现二级域名可访问操作的方法
2014/11/11 PHP
jquery简单体验
2007/01/10 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
2009/04/17 Javascript
动态加载jquery库的方法
2014/02/12 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
JS hashMap实例详解
2016/05/26 Javascript
深入浅析javascript中的作用域(推荐)
2016/07/19 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
2017/05/02 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
微信小程序用户拒绝授权的处理方法详解
2019/09/20 Javascript
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
Python实现京东抢秒杀功能
2021/01/25 Python
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
幼师自荐信范文
2013/10/06 职场文书
劳动模范事迹材料
2014/01/19 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
python实现简单的井字棋
2021/05/26 Python
变长双向rnn的正确使用姿势教学
2021/05/31 Python