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 相关文章推荐
js用图作提交按钮或超连接
Mar 26 Javascript
js函数般调用正则
Apr 08 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
node.js+express制作网页计算器
Jan 17 Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 Javascript
Vue2.0权限树组件实现代码
Aug 29 Javascript
vue计算属性及使用详解
Apr 02 Javascript
vue移动端城市三级联动组件使用详解
Jul 26 Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 Javascript
基于openlayers实现角度测量功能
Sep 28 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获得当前的脚本网址
2007/12/10 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
PHP daddslashes 使用方法介绍
2012/10/26 PHP
解析php入库和出库
2013/06/25 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
javascript 中null和undefined区分和比较
2017/04/19 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
python 默认参数问题的陷阱
2016/02/29 Python
python3.5仿微软计算器程序
2020/03/30 Python
Python 调用Java实例详解
2017/06/02 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
Python2.7下安装Scrapy框架步骤教程
2017/12/22 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
Flask框架信号用法实例分析
2018/07/24 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
python爬取音频下载的示例代码
2020/10/19 Python
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
数据库连接池的工作原理
2012/09/26 面试题
大学毕业生通用自荐信范文
2013/10/31 职场文书
机械工程师岗位职责
2014/06/16 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书