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 相关文章推荐
双击滚屏-常用推荐
Nov 29 Javascript
js获取时间(本周、本季度、本月..)
Nov 22 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
javascript数组去重方法汇总
Apr 23 Javascript
javascript实现抽奖程序的简单实例
Jun 07 Javascript
js实现炫酷的左右轮播图
Jan 18 Javascript
js选项卡的制作方法
Jan 23 Javascript
Node.js中 __dirname 的使用介绍
Jun 19 Javascript
easyui下拉框动态级联加载的示例代码
Nov 29 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
利用JS如何获取form表单数据
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连接Oracle for NT 远程数据库
2006/10/09 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
WordPress中给媒体文件添加分类和标签的PHP功能实现
2015/12/31 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
php实现对短信验证码发送次数的限制实例讲解
2021/03/04 PHP
JS 统计时间
2021/03/09 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
Vue中用JSON实现刷新界面不影响倒计时
2020/10/26 Javascript
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
有关wxpython pyqt内存占用问题分析
2014/06/09 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Python列表与元组的异同详解
2019/07/02 Python
VSCode基础使用与VSCode调试python程序入门的图文教程
2020/03/30 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
html5利用canvas实现颜色容差抠图功能
2019/12/23 HTML / CSS
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
面向对象编程OOP的优点
2013/01/22 面试题
小学教育毕业生自荐信
2013/11/18 职场文书
幼儿园五一活动方案
2014/02/07 职场文书
出纳员岗位责任制
2014/02/11 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
Vue项目打包、合并及压缩优化网页响应速度
2021/07/07 Vue.js
gateway网关接口请求的校验方式
2021/07/15 Java/Android
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL