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实现省市联动效果的简单实例
Feb 10 Javascript
一张Web前端的思维导图分享
Jul 03 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
jquery实现左右无缝轮播图
Jul 31 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
Vue.js单向绑定和双向绑定实例分析
Aug 14 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
详解从react转职到vue开发的项目准备
Jan 14 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
dedecms中常见问题修改方法总结
2007/03/21 PHP
Ajax PHP简单入门教程代码
2008/04/25 PHP
php下使用iconv需要注意的问题
2010/11/20 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
2017/06/09 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
javascript算法学习(直接插入排序)
2011/04/12 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
js 事件截取enter按键页面提交事件示例代码
2014/03/04 Javascript
js实现图片拖动改变顺序附图
2014/05/13 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
2016/01/12 Javascript
实例详解jQuery表单验证插件validate
2016/01/18 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
angular实现input输入监听的示例
2018/08/31 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
python:socket传输大文件示例
2017/01/18 Python
Python3 socket同步通信简单示例
2017/06/07 Python
python多进程控制学习小结
2018/10/31 Python
Python 一句话生成字母表的方法
2019/01/02 Python
Python读写Excel表格的方法
2021/03/02 Python
英国领先的电子、技术和办公用品购物网站:Ebuyer
2018/04/04 全球购物
建筑工地宣传标语
2014/06/18 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
2014年图书室工作总结
2014/12/09 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
Python3 使用pip安装git并获取Yahoo金融数据的操作
2021/04/08 Python