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操作文本框readOnly
May 15 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
Aug 18 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 Javascript
vue实现nav导航栏的方法
Dec 13 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
Javascript异步流程控制之串行执行详解
Sep 27 Javascript
js实现电灯开关效果
Jan 19 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
利用 window_onload 实现select默认选择
2006/10/09 PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
2013/01/23 PHP
php中的比较运算符详解
2013/10/28 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
Jquery 基础学习笔记之文档处理
2009/05/29 Javascript
jQuery 第二课 操作包装集元素代码
2010/03/14 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
jQuery插件autocomplete使用详解
2017/02/04 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
2017/12/01 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
企业面试题试卷附带答案
2015/12/20 面试题
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
采购内勤岗位职责
2013/12/10 职场文书
实习鉴定范文
2013/12/19 职场文书
商场活动策划方案
2014/01/24 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
讲文明知礼仪演讲稿
2014/09/13 职场文书
2014年施工员工作总结
2014/11/18 职场文书
大学生入党群众意见书
2015/06/02 职场文书
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python