考虑以下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>),
简单 $('parent child')
>> $('ul.parentUl li')
这样可以将指定祖先的所有匹配后代降低到所有级别。
> -- $('parent > child')
>> $('ul.parentUl > li')
这会找到所有匹配的子级(仅向下一级)。
基于上下文的选择器- $('child','parent')
>> $('li','ul.parentUl')
这与上面的1.相同。
find() -- $('parent').find('child')
>> $('ul.parentUl').find('li')
这与上面的1.相同。
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