设置触发选择器的选中状态的属性是?

Posted 2023-04-16

参考技术A 11-css3新增选择器 原创
2022-08-06 17:02:22

CapejasmineY

码龄4年

关注
文章目录
一、渐进增强和优雅降级
二、层级选择器
三、属性选择器
四、伪类选择器
1、结构伪类选择器
2、目标伪类选择器
3、UI元素状态伪类选择器
4、否定伪类选择器
5、动态伪类选择器
一、渐进增强和优雅降级
**渐进增强：**针对低版本浏览器进行构建页面，保证最基本功能。在针对高版本浏览器进行效果、互动等改进和追加功能，达到更好的体验。
**优雅降级：**一开始就构建完整的功能，然后针对低版本进行兼容。

二、层级选择器
三、属性选择器
四、伪类选择器
1、结构伪类选择器
在这里插入图片描述
例子：

2、目标伪类选择器
用法：
目标伪类选择器是结合锚点用的（就这一个用法）

锚点通过a标签设置href为“#xxx”的url，来跳转到标签x，id=“xxx”的块中，实现被跳转的标签元素有URL指向。当点击a链接时会跳转到x标签页面上（url指向该标签处）并触发x:target属性。

需要 JQuery 选择器的帮助，该选择器返回所有选中的复选框，这些复选框是具有指定类的节点的子节点

【中文标题】需要 JQuery 选择器的帮助，该选择器返回所有选中的复选框，这些复选框是具有指定类的节点的子节点

【英文标题】：Need help with a JQuery Selector that returns all checked checkboxes that are children of a node with a specified class

【发布时间】：2010-12-13 05:31:21

【问题描述】：

很烦人的是，设置 ASP.NET 复选框控件的 cssClass 属性会像这样呈现 HTML，而不是仅仅将 class 属性添加到输入标记：

<span class="myclass">
    <input id="chkBox1" type="checkbox" name="chkBox1" />
 </span>

因此，我在这里尝试编写一个 Jquery 过滤器，该过滤器查找嵌套在 span 标记内的所有选中复选框，并指定了“myclass”类。

这是我目前所拥有的，但它似乎不起作用。

$(".myclass input[type='checkbox']:checked")

有人看到我做错了什么吗？

我也接受一个解决方案，告诉我如何制作复选框控件，只需将 dang 类属性放在输入控件上，而不是在其周围包裹一个跨度。

【参考方案1】：

这应该可行：

$("span.myclass :checkbox")

您还需要检查它们吗？然后像这样：

$("span.myclass :checkbox:checked")

【讨论】：

成功了。谢谢！不过，我只是这样理解。我认为在选择器中添加空格基本上等同于空格两侧属性的 OR。我弄错了吗？

空格表示嵌套。请参阅文档：docs.jquery.com/Selectors/descendant#ancestordescendant

【参考方案2】：

我实际上不认为你需要输入类型，因为只有一个复选框可以为 :checked 所以你可以写 $(".myclass").find("input:checked") 应该没问题

【讨论】：

单选按钮也可以勾选。

一个同样好的答案，但我接受了另一个，因为选择器样式在我的特定情况下比 .find 语法更有效。绝对值得点赞 (+1)。