1. 选择其中含有特殊符号

W3C规范规定属性值中不能含有某些特殊字符,但在实际开发过程中,常遇到表达式中含有“#”或“.”等特殊字符的情况,如果按照普通的方式去处理就会出错,解决此类问题的方法就是使用转义符转义。

  有如下代码:

  <div id="id#a">aa</div>

  <div id="id[2]">cc</div>

  按照普通的方式来获取。例如:

    $("#id#a");

  $("#id[2]");

  将不能获取到元素,改为转义符的写法如下:

  $("#id\\#a");

  $("#id\\[2\\]");

2. 选择器中含有空格

  选择器中的空格也是不容忽视的,多一个空格或少一个空格,都会得到截然不同的结果(是由于后代选择器  和 过滤选择器 存在不同引起的):

  有如下HTML代码:

  <div class="test">

    <div style="display:none;">aa</div>

    <div style="display:none;">bb</div>

    <div style="display:none;">cc</div>

    <div class="test" style="display:none;">dd</div>

  </div>

  <div class="test" style="display:none;">ee</div>

  <div class="test" style="display:none;">ff</div>

  使用如下jQuery选择器来分别获取他们:

  var $t_a=$(".test  :hidden");

var $t_b=$(".test:hidden");

var  len_a=$t_a.length;

  var  len_b=$t_b.length;

  alert("$('.test  :hidden')="+len_a);                   //输出4

alert("$('.test:hidden')="+len_b);                  //输出3

之所以出现不同的结果,是因为后代选择器与过滤选择器存在不同

  var $t_a=$(".test  :hidden");               //带空格的jQuery选择器

  以上代码选取的是class为“test”的元素内部的隐藏元素(子元素)。

  而以下代码:

  var $t_b=$(".test:hidden");                //不带空格的jQuery选择器

  选取的是隐藏的class为“test”的元素。

最新文章

  1. 在ASP.NET Core Web API上使用Swagger提供API文档
  2. 【边框】-边框阴影-box-shadow
  3. 使用mybatis访问sql server
  4. 深入解析Javascript闭包
  5. CentOS 7 编译安装 Code::Blocks
  6. 基于MPI的并行计算—矩阵向量乘
  7. 限制input输入类型(多种方法实现)
  8. Ubuntu 安装 Sun JDK
  9. C++11 std::bind std::function 高级使用方法
  10. java新手笔记23 异常
  11. Linux环境下添加ftp账号步骤
  12. 敏捷开发 and 敏捷测试
  13. WPF 自定义图片按钮
  14. Regression:Generalized Linear Models
  15. .NET MongoDB Driver GridFS 2.2原理及使用示例
  16. Java基本语法-----java运算符的优先级与结合性
  17. Windows下SVN命令行工具使用详解
  18. DirectX11--实现一个3D魔方(3)
  19. React表格报错Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.
  20. sql语句学习及索引学习,未完待续,补充增删改查

热门文章

  1. (转)json格式转换成javaBean对象的方法
  2. php设计模式之工厂方法实例代码
  3. 【资料】哈代&amp;拉马努金相关,悼文,哈佛演讲,及各种杂七杂八资料整理
  4. 【音乐欣赏】《紅蓮華》 - LiSA
  5. winform学习(10)设置控件透明背景色
  6. MyBatis Generator 超详细配置
  7. 题解 P2320 【[HNOI2006]鬼谷子的钱袋】
  8. rabbitmq 命令行与控制台
  9. AndroidStudio3.3+OpenCV开发环境搭建
  10. jquery动画系统