jquery-selectors相关内容

如何在 jQuery 中选择具有多个类的元素?

我想选择具有 a 和 b 两个类的所有元素. 所以,只有具有两个类的元素. 当我使用 $(".a, .b") 时,它给了我联合,但我想要交集. 解决方案 如果你只想匹配具有both 类的元素(一个交集,就像一个逻辑AND),只需将选择器写在一起中间没有空格: $('.a.b') 顺序不相关,所以你也可以交换类: $('.b.a') 因此,要将 ID 为 a 的 div ..
发布时间:2021-12-01 13:46:46 其他开发

jQuery 选择器正则表达式

我正在寻找有关使用 jQuery 选择器使用通配符或正则表达式(不确定确切的术语)的文档. 我自己寻找过这个,但一直无法找到有关语法和如何使用它的信息.有谁知道语法的文档在哪里? 编辑:属性过滤器允许您根据属性值的模式进行选择. 解决方案 James Padolsey 创建了一个 很棒的过滤器,允许使用正则表达式进行选择. 假设您有以下 div: Padolsey ..
发布时间:2021-12-01 13:45:08 前端开发

如何使用 jQuery 按名称选择元素?

我有一个表格列,我想展开和隐藏.当我通过 class 而不是元素的 name 选择它时,jQuery 似乎隐藏了 元素. 例如: $(“.bold").hide();//按类选择工作.$("tcol1").hide();//按名称选择不起作用. 注意下面的 HTML.第二列的所有行都具有相同的 name.如何使用 name 属性创建此集合? data1 ..
发布时间:2021-12-01 13:13:46 前端开发

所有 jquery 事件都应该绑定到 $(document) 吗?

这是从哪里来的 当我第一次学习 jQuery 时,我通常会附加这样的事件: $('.my-widget a').click(function() {$(this).toggleClass('active');}); 在了解更多关于选择器速度和事件委托的知识后,我在几个地方读到“jQuery 事件委托将使您的代码更快".于是我开始写这样的代码: $('.my-widget').on('c ..
发布时间:2021-11-30 22:54:51 前端开发

使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如 ::before 和 ::after

有什么方法可以选择/操作 CSS 伪元素,例如 ::before 和 ::after(以及带有一个分号的旧版本),使用jQuery? 例如,我的样式表有以下规则: .span::after{ content:'foo' } 如何使用 vanilla JS 或 jQuery 将 'foo' 更改为 'bar'? 解决方案 您也可以将内容传递给具有 data 属性的伪元素,然后使用 ..
发布时间:2021-11-30 21:48:25 前端开发

通过多个可能的属性值进行选择的更简洁的方法?

jQuery 中是否有可能通过多个可能的属性值进行选择,而不必使用逗号分隔的选择器列表. 所以代替: #list1 >选项[值=“1"],#list1 >选项[值=“2"]等 类似于: #list1 >选项[值=“1"|值=“2"]等 解决方案 我不知道.我能想到的 最干净 方法是首先使用所有项目的公共元素进行选择,然后仅选择 .find() 或 .filter() 输出 OR 值 ..
发布时间:2021-11-30 15:53:43 其他开发

jQuery 属性名称包含

我正在尝试定位包含某个单词 & 的属性名称.不是你想的那种方式. 假设我有: 如何定位属性名称中包含 'data-foo' 的元素? 解决方案 我认为您不能像定位属性值那样定位属性名称.但是,您可以使用 .filter() 稍微有效地执行此操作: $('div').filter(function() {for ( ..
发布时间:2021-11-30 15:49:51 其他开发

jquery click() 事件不适用于附加的 html 标签

在我的问题有意义之前,我需要解释几件事.在我的第一页上,我有一个主 div,我正在使用 jquery load() 方法从另一个页面加载标记.我正在加载的 html 链接到我的脚本所在的 .js 页面.js 页面是我操作主 div 内容的地方.在我的 js 页面上,我遍历从数据库中提取的变量数组并将它们 append() 到主 div.在 for 循环中,我将每一行包装在自己的 div 中并包含一 ..
发布时间:2021-11-16 19:30:13 前端开发

使用 jQuery 或 Javascript 在页面上选择数字

我只是想知道是否有办法使用 jQuery 或普通 Javascript 在页面上定位数字. 这是我想要做的: 在页面上说“6 月 23 日".我想要做的是能够在数字前面加上一些 选择器. 在 jQuery 中使用 :contains() 可以选择整个内容,而不仅仅是数字. 这些字符串是由我正在处理的 Wordpress 主题生成的,没有任何包装元素,我只想选择数字. ..
发布时间:2021-11-16 19:24:14 前端开发

jQuery DOM 更改未出现在视图源中

我有一个简单的问题.我知道使用 jQuery,您可以通过执行诸如 之类的操作在 DOM 中动态附加 HTML 元素 $('').append(' Test '); 但我的问题是,为什么这些元素实际上没有出现在代码中(例如,当您在浏览器中查看源代码时). 请专家告诉我原因.谢谢 解决方案 原始来源永远不会改变.只有 DOM 发生了变化. 您可以使用浏览器的开发人员 ..
发布时间:2021-11-16 19:18:00 前端开发

使用 jquery .html() 插入 html

我想将一大块 html 插入到预先存在的 中.我正在使用这种方法: $("td#content").html(LOTS_OF_HTML_CODE_HERE); 但它不起作用.我是个菜鸟,HTML 块中有很多引号和 ' 似乎正在破坏它.这样做的正确方法是什么? 解决方案 我建议将 html 统一为一个字符串......就像这样. htmlStr = "";htmlStr + ..
发布时间:2021-11-15 02:05:51 前端开发

AngularJS DOM 选择器

我有一些自定义指令,它们使用 jQuery 实现动画效果(angular 的内置 ngShow/ngHide 等功能强大,但并不漂亮).我想我记得在文档某处读过 angular 有它自己的 DOM 选择器(类似于 angular.export() 或 angular.select()),我应该使用它$(SELECTOR);但是我现在找不到了. 我正在做这样的事情: //查看 ..

AngularJS DOM 选择器

我有一些自定义指令,它们使用 jQuery 来实现动画效果(angular 的内置 ngShow/ngHide 等功能强大,但并不漂亮).我想我记得在文档某处读过 angular 有它自己的 DOM 选择器(类似于 angular.export() 或 angular.select()),我应该使用它$(SELECTOR);但是我现在找不到了. 我正在做这样的事情: //查看 ..

jquery is(":visible") 和 is(":animated") 动画期间的错误?

事情就是这样. 我有多个图标,每个图标在一个 div 中显示一条消息. 当我将鼠标悬停在图标上时,该框会显示,当我将鼠标移开时,它会关闭.当我点击时,我希望该框不会自动关闭,但只有在我点击此框角落的 X 后才会关闭. 这一切都很好,直到我添加了动画. 问题是 ":animated" 选择器似乎永远无法工作,而 ":visible" 似乎工作有问题. 当我悬停在图标上时 ..
发布时间:2021-10-26 16:58:00 其他开发