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 相关文章推荐
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
JQuery实现的在新窗口打开链接的方法小结
Apr 22 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
angular+ionic返回上一页并刷新页面
Aug 08 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
webpack dll打包重复问题优化的解决
Oct 10 Javascript
微信小程序使用npm支持踩坑
Nov 07 Javascript
为什么要使用Vuex的介绍
Jan 19 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
Mar 29 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
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生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
一个经典的PHP文件上传类分享
2014/11/18 PHP
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
微信小程序 progress组件详解及实例代码
2016/10/25 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
2016/11/07 Javascript
JS检测是否可以访问公网服务器功能代码
2017/06/19 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
Node.js 在本地生成日志文件的方法
2020/02/07 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
JS JQuery获取data-*属性值方法解析
2020/09/01 jQuery
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
python 实现自动远程登陆scp文件实例代码
2017/03/13 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
python  logging日志打印过程解析
2019/10/22 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
python中使用input()函数获取用户输入值方式
2020/05/03 Python
详解Scrapy Redis入门实战
2020/11/18 Python
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
SQL Server的固定数据库角色都有哪些?对应的服务器权限有哪些?
2013/05/18 面试题
环保专业大学生职业规划设计
2014/01/10 职场文书
运动会闭幕式解说词
2014/02/21 职场文书
C++程序员求职信范文
2014/04/14 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
初中军训感想
2015/08/07 职场文书
《天净沙·秋思》教学反思三篇
2019/11/02 职场文书
python实现自动化群控的步骤
2021/04/11 Python