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

jQuery 组合选择器

强化
2023-03-14
本文向大家介绍jQuery 组合选择器,包括了jQuery 组合选择器的使用技巧和注意事项,需要的朋友参考一下

示例

考虑以下DOM结构

<ul class="parentUl">
    <li> Level 1
        <ul class="childUl">
            <li>Level 1-1 <span> Item - 1 </span></li>
            <li>Level 1-1 <span> Item - 2 </span></li>
        </ul>
    </li>
    <li> Level 2
        <ul class="childUl">
            <li>Level 2-1 <span> Item - 1 </span></li>
            <li>Level 2-1 <span> Item - 1 </span></li>
        </ul>
    </li>
</ul>

后代和子选择器

给定父母<ul>-parentUl找到其后代(<li>),

  1. 简单 $('parent child')

    >> $('ul.parentUl li')

    这样可以将指定祖先的所有匹配后代降低到所有级别

  2. > -- $('parent > child')

    >> $('ul.parentUl > li')

    这会找到所有匹配的子仅向下一级)。

  3. 基于上下文的选择器- $('child','parent')

    >> $('li','ul.parentUl')

    这与上面的1.相同。

  4. find() -- $('parent').find('child')

    >> $('ul.parentUl').find('li')

    这与上面的1.相同。

  5. children() -- $('parent').find('child')

    >> $('ul.parentUl').children('li')

    与上面的2.相同。

其他组合器

组选择器:“,”

选择所有<ul>元素以及所有<li>元素和所有<span>元素:

$('ul, li, span')

倍数选择器:“”(无字符)

选择所有<ul>具有class的元素parentUl:

$('ul.parentUl')

相邻兄弟选择器:“ +”

选择<li>紧接在另一个<li>元素之后的所有元素:

$('li + li')

通用同级选择器:“〜”

选择所有<li>其他<li>元素的兄弟元素

$('li ~ li')
           

 类似资料:
  • CSS 组合选择符 组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例选取所有 <p> 元素插入到 <div> 元素中: div p { backg

  • 主要内容: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 中所有选

  • 问题内容: 我正在尝试选择a内的所有元素,但第三个和第四个除外。我设法做到了: 我想合并这些选择器,因为我还有其他条目。像这样的东西,但是没有用: 这 确实 适用于jQuery,但不适用于CSS。我正在使用Chrome(并且我只需要在其中使用它即可)。 我无法找到这种情况的组合选择器。如何将选择器与结合使用? 问题答案: 选择器级别3仅允许伪类中的单个简单选择器使用。作为jQuery选择器,它之所

  • 我有一个带有组合框的xaml。由于某种原因,我在那里有一些项目,我不能选择它们,当我选择一个项目时,它通常不允许我更改我的选择,如果它更改了,它仅适用于某些值。这是代码: 我希望我写的很清楚,因为我把它从电脑复制到了手机上。基本上,我有所有的用户,并按部门对他们进行分类。用户只能看到他所在部门的文档,并且可以选择绑定词典中可用的文档。如果不可用,组合框中的项目将为红色且不可检查。这个管用。唯一没有

  • 问题内容: 我可以使用列出所有组合, 但这通常会很大。 给定和,我如何在不首先构建大量列表的情况下随机地均匀选择组合? 问题答案: 来自http://docs.python.org/2/library/itertools.html#recipes