首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Jquery ( Javascript ) id选择器查询

Jquery ( Javascript ) id选择器查询
EN

Stack Overflow用户
提问于 2018-05-31 16:18:40
回答 1查看 55关注 0票数 0

我看到了ID选择器的实现,如下所示:

代码语言:javascript
复制
$("*[id*=foo]").val()

为什么要使用它?它与jQuery中的id选择器相似吗?主要区别是什么?请解释一下

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-31 16:48:44

已更新答案

$("*[id*=foo]").val()$("#foo").val()不同

  • $("#foo")选择id为“foo”.
  • $("*[id*=foo]")的元素选择id属性包含“foo”的任何元素。

查看此示例,其中我使用了input id="fooAndSomeText"

代码语言:javascript
复制
console.log( $("*[id*=foo]").val() );
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="fooAndSomeText" value="bar" disabled />

⋅⋅⋅

旧答案

在问题被正确格式化之前,改变它的意思!

$("[id=foo]").val()$("#foo").val()也会做同样的事情。

#是以id为目标的简写。

第一个语法在这里更长了,没有理由使用它。

但是,当您希望以具有特定属性值的元素为目标时,此语法非常有用。使用input检查此示例

代码语言:javascript
复制
console.log( $("[name=foo]").val() );
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="foo" value="bar" disabled />

希望能有所帮助。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50619752

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档