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 相关文章推荐
JavaScript 基础篇之运算符、语句(二)
Apr 07 Javascript
avascript中的自执行匿名函数应用示例
Sep 15 Javascript
jquery图片轮播特效代码分享
Apr 20 Javascript
全面解析node 表单的图片上传
Nov 21 Javascript
jquery dataview数据视图插件使用方法
Dec 23 Javascript
AngularJS中的缓存使用
Jan 11 Javascript
self.attachevent is not a function的解决方法
Apr 04 Javascript
基于vue2.0实现的级联选择器
Jun 09 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
Jul 13 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
Angular数据绑定机制原理
Apr 17 Javascript
微信小程序自定义底部弹出框
Nov 16 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日历程序
2006/12/06 PHP
drupal 代码实现URL重写
2011/05/04 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
javascript parseInt 函数分析(转)
2009/03/21 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
Bootstrap每天必学之折叠(Collapse)插件
2016/04/25 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
Eclipse + Python 的安装与配置流程
2013/03/05 Python
Python中str is not callable问题详解及解决办法
2017/02/10 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
python Django的web开发实例(入门)
2019/07/31 Python
哪些是python中web开发框架
2020/06/17 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
Html5如何唤起百度地图App的方法
2019/01/27 HTML / CSS
如何利用cmp命令比较文件
2016/04/11 面试题
个人自我评价分享
2013/12/20 职场文书
社区优秀志愿者材料
2014/02/02 职场文书
人力资源部经理的岗位职责
2014/03/04 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
先进个人材料怎么写
2014/12/30 职场文书
商标侵权律师函
2015/05/27 职场文书
电影雷锋观后感
2015/06/10 职场文书
关于观后感的作文
2015/06/18 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
JS封装cavans多种滤镜组件
2022/02/15 Javascript