javascript - 了解 JQuery 选择器表达式

标签 javascript jquery

我正在尝试阅读一些使用此表达式选择元素的 JavaScript

$("body > div:not(.layout-ignore):not(.ui-loader)") 

我知道它从 body 开始,但是大于 (>) 符号表示选择 body 元素中没有 .layout-ignore 和 .ui-loader 类属性的所有 div 元素吗?

谁能给我解释一下这个语法?另请参阅一些在线文档,帮助我进一步理解此选择器表达式。

干杯

最佳答案

jQuery 使用 CSS 选择器作为其基础。 MDN 有关于它们是什么以及它们如何工作的极其详尽的指南。

请看这里:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

这里:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started

在您的示例中,它表示作为 body 子项的任何 div(不属于 .layout-ignore 或 .ui-loader 类)。意味着不会选择嵌套的 div。

希望这对您有所帮助。

关于javascript - 了解 JQuery 选择器表达式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18951928/

相关文章:

jquery - 创建垂直多级菜单

javascript - 测试 extjs 应用程序

javascript - 如何用显示 :none tags? 包装类

javascript - 将不同的元素传递给具有相同 ID 的 Javascript 函数

javascript - 未捕获的语法错误 : Unexpected token < google-analytics google tag manager

javascript - 如何让我的背景显示在 javascript css 中

javascript - 使用 JavaScript 隐藏复选框时取消选中该复选框

javascript - 使用表单元素时,如何访问元素中的输入内容以显示消息?

javascript - 带有 javascript 代码的 iPhone 应用程序和 uiwebview 我可以访问变量吗?

javascript - 确保手机方向始终为横向才能查看网站