当前位置: 首页 > 编程笔记 >

jquery选择器需要注意的问题

颛孙航
2023-03-14
本文向大家介绍jquery选择器需要注意的问题,包括了jquery选择器需要注意的问题的使用技巧和注意事项,需要的朋友参考一下

我们先来看段代码,很简单,如下


<div id="div1">

    <span>111</span>

    <span>222</span>

    <span>333</span>

    <button id="button1">clear</button>

</div>


$(function() {

     $("#button1").click(function() {

         $("#div1 span").html("aaa");

     });

 });

$("#div1 span")获得三个对象的数组

1.如果执行 $("#div1 span").html("aaa"),则数组内的所有对象都会改变.如下图

2.如果执行$("#div1 span").html(),只取值的话,则只会取数组第一个对象的值

所以如果选择器获得是一个数组,要对数组每个元素都进行操作时,最好用each().

另外还有些注意事项

选择器中含有特殊符号的注意事项选择器中含有“.”、“#”、“(”或“]”等特殊字符根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错。

解决此类错误的方法是使用转义符转义。
<div id="id#b">bb</div>
<div id="id[1]">cc</div>

不能这样写:
$('#id#b');  $('#id[1]');
应该使用转义符号:
$('#id\\#b');       //转义特殊字符“#”
$('#id\\[1\\]');    //转义特殊字符“[ ]”

 类似资料:
  • 主要内容:jQuery 选择器jQuery 选择器 请使用我们的 jQuery 选择器检测器 来演示不同的选择器。 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") class="intro" 的所有元素 .class,.class $(".intro,.demo") class 为 "intro" 或 "demo"

  • 主要内容:jQuery 选择器,元素选择器,实例,#id 选择器,实例,.class 选择器,实例,更多实例,独立文件中使用 jQuery 函数,实例jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。 jQuery 中所有选

  • 本文向大家介绍RabbitMQ 集群搭建需要注意哪些问题?相关面试题,主要包含被问及RabbitMQ 集群搭建需要注意哪些问题?时的应答技巧和注意事项,需要的朋友参考一下 各节点之间使用“–link”连接,此属性不能忽略。 各节点使用的 erlang cookie 值必须相同,此值相当于“秘钥”的功能,用于各节点的认证。 整个集群中必须包含一个磁盘节点。

  • 本文向大家介绍php array_merge函数使用需要注意的一个问题,包括了php array_merge函数使用需要注意的一个问题的使用技巧和注意事项,需要的朋友参考一下 使用php语言的array_merge函数时,以为相同的键名会覆盖,但是请看如下代码: 会输出什么?我们预想中的是: 实际上输出的是: 不但没有被覆盖,而且数字键被重新连续索引了。 起初以为这个是bug,后来翻了php手册

  • 问题内容: 根据选择器文档,必须使用双反斜杠等进行转义。 我有一个这样创建的选择器(假设属性在此示例中)。 我可以写一个正则表达式为我逃脱括号吗? 问题答案: 如果您希望某些东西具有任何价值,请尝试以下操作: 这可以通过用两个反斜杠转义jQuery文档的“ 选择器”页面上列出的所有CSS元字符来工作。 请记住,在您的情况下,无需执行此类棘手的操作。您可以使用过滤器功能选择具有给定值的所有选项元素,

  • 本文向大家介绍Javascript的setTimeout()使用闭包特性时需要注意的问题,包括了Javascript的setTimeout()使用闭包特性时需要注意的问题的使用技巧和注意事项,需要的朋友参考一下 setTimeout经常被用于延迟执行某个函数,用法为: 有时为了进行异步处理,而使用setTimeout(function…,0);比如:  在setTimeout设定的函数处理器之前,