jQuery :nth-child前有无空格的区别分析


Posted in Javascript onJuly 11, 2011

然后,我写了如下html:

<table width="200" border="1">
  <tr class="a">
    <td>11</td>
    <td>12</td>
    <td>13</td>
  </tr>
  <tr class="a">
    <td>21</td>
    <td>22</td>
    <td>23</td>
  </tr>
  <tr class="a">
    <td>31</td>
    <td>32</td>
    <td>33</td>
  </tr>
</table>

预期效果是:

jQuery :nth-child前有无空格的区别分析

于是我写了如下jQ:

$(".a:nth-child(2)").css("color","red");

运行发现结果竟然是:

jQuery :nth-child前有无空格的区别分析

我百思不得其解啊。。最后发现把JQ改写为:

$(".a :nth-child(2)").css("color","red");

就行了。

注意:a后面有一个空格!!!

虽然问题解决了,但是不知道原因,求高手指点。。。

Javascript 相关文章推荐
JavaScript入门教程(1) 什么是JS
Jan 31 Javascript
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
JavaScript学习笔记(二) js对象
Oct 25 Javascript
jquery购物车实时结算特效实现思路
Sep 23 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
纯javascript版日历控件
Nov 24 Javascript
AngularJS service之select下拉菜单效果
Jul 28 Javascript
node通过npm写一个cli命令行工具
Oct 12 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
JavaScript实现显示和隐藏图片
Apr 29 Javascript
jquery刷新页面的实现代码(局部及全页面刷新)
Jul 11 #Javascript
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 #Javascript
让你的CSS像Jquery一样做筛选的实现方法
Jul 10 #Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
Jul 10 #Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 #Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 #Javascript
关于jQuery中的end()使用方法
Jul 10 #Javascript
You might like
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
Array.prototype.slice.apply的使用方法
2010/03/17 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
2011/10/16 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
2014/04/30 Javascript
判断字符串的长度(优化版)中文占两个字符
2014/10/30 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
JS简单获取当前年月日星期的方法示例
2017/02/07 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
2020/02/23 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
Python 修改列表中的元素方法
2018/06/26 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
Python 实现向word(docx)中输出
2020/02/13 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
某科技软件测试面试题
2013/05/19 面试题
婚庆公司的创业计划书
2014/01/22 职场文书
工作求职信
2014/07/04 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
高三数学教学反思
2016/02/18 职场文书
idea搭建可运行Servlet的Web项目
2021/06/26 Java/Android
NASA 机智号火星直升机拍到了毅力号设备碎片
2022/04/29 数码科技