-
[attribute=value]属性选择器 属性作为DOM元素的一个重要特征，也可以用于选择器中，从本节开始将介绍通过元素属性获取元素的选择器，[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。 例如，使用[attribute=value]属性选择器，获取指定属性名和对应值的全部<li>元素，并设置它们显示的文字颜色，如图所示： 在浏览器中显示的效果： 从图中可以看出，使用$("li[title='我最爱']")属性选择器代码，获取了2个<li>元素，并调用css()方法设置它们在页面中显示的文字颜色，另外，属性值中的‘’单引号可以不写，由于属性名与属性值是等号，因此，它们之间不是包含关系，而是完全相同。查看全部
-
好多人的题都没看明白查看全部
-
:visible过滤选择器 与上一节的:hidden过滤选择器相反，:visible过滤选择器获取的是全部可见的元素，也就是说，只要不将元素的display属性值设置为“none”，那么，都可以通过该选择器获取。 例如，使用:visible选择器获取可见的<p>元素，并将该元素的内容显示在<div>元素中，如下图所示： 在浏览器中显示的效果： 从图中可以看出，调用$("p:visible")选择器代码，获取那个可见的<p>元素，并调用html()方法获取该元素的内容，最后将该内容显示在<div>元素中。查看全部
-
:hidden过滤选择器 :hidden过滤选择器的功能是获取全部不可见的元素，这些不可见的元素中包括type属性值为hidden的元素。 例如，调用:hidden选择器获取不可见的<p>元素，并将该元素的内容显示在<div>元素中，如下图所示： 在浏览器中显示的效果： 从图中可以看出，先调用$("p:hidden")代码获取隐藏的<p>元素，并调用该元素的html()方法获取该元素中的内容，最后将该内容显示在<div>元素中。查看全部
-
stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为： $(selector).stop([clearQueue],[goToEnd]) 其中，两个可选项参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执行的动画，后者表示是否完成正在执行的动画，默认为false。查看全部
-
:has(selector)过滤选择器 除了在上一小节介绍的使用包含的字符串内容过滤元素之外，还可以使用包含的元素名称来过滤，:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素，其中selector参数就是包含的元素名称，是被包含元素。 例如：获取指定包含某个元素名的全部<li>元素，并改变它们显示文字的颜色，如下图所示： 在浏览器中显示的效果： 可以看出，通过使用$("li:has('p')")选择器代码，获取了包含<p>元素的全部<li>元素，并通过css方法改变了这些元素在页面中显示的文字样式。查看全部
-
:contains(text)过滤选择器 与上一节介绍的:eq(index)选择器按索引查找元素相比，有时候我们可能希望按照文本内容来查找一个或多个元素，那么使用:contains(text)选择器会更加方便， 它的功能是选择包含指定字符串的全部元素，它通常与其他元素结合使用，获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。 例如: 在浏览器中显示的效果： 从图中可以看出，调用li:contains('土豪')代码，可以很方便地获取<li>中包含‘土豪’字符内容的全部元素，并且只要与选择的元素中或子元素中包含该字符内容，就可以被选中。 注意：li:contains('土豪') 土豪为什么必须加单引号呢？因为它是一个字符串，而不是一个变量，所以不加单或双引号的话是会报错的。查看全部
-
:eq(index)过滤选择器 如果想从一组标签元素数组中，灵活选择任意的一个标签元素，我们可以使用 :eq(index) 其中参数index表示索引号（即：一个整数），它从0开始，如果index的值为3，表示选择的是第4个元素。例如： 在浏览器中显示的效果： 从图中可以看出，通过调用$("li:eq(3)")过滤选择器代码，获取了第4个<li>元素，并使用css()方法设置了该元素在页面中显示的文字样式。查看全部
-
:first过滤选择器 本章我们介绍过滤选择器，该类型的选择器是根据某过滤规则进行元素的匹配，书写时以“：”号开头,通常用于查找集合元素中的某一位置的单个元素。 在jQuery中，如果想得到一组相同标签元素中的第1个元素该怎样做呢？ 在下面的示例代码中你可能注意到我们会使用 $(“li:first”) 注意：书写时以“：”号开头。 运行结果： 使用li:first过滤选择器可以很方便地获取ul列表中的第一个li元素. :first过滤选择器的功能是获取第一个元素，常常与其它选择器一起使用，获取指定的一组元素中的第一个元素。查看全部
-
lement选择器$("div")，类选择器$(".green"),ID选择器("#red") 层次选择器：$("div label") 选择div元素下的label元素 父子选择器：$("div > span") 邻居选择器$(“div + span”) has选择器：在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是:$("div:has(span)"); 最后一个选择器：$("li:last"); 内容过滤器： :contains——匹配包含特定文本的元素 :has——匹配包含特定元素的元素查看全部
-
prev ~ siblings选择器 与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素，它的调用格式如下： $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系，表明siblings选择器获取的元素都是prev元素之后的同辈元素。 例如，使用prev ~ next选择器，获取<p>元素后面相邻的全部元素，并设置它们在页面中显示的内容，如下图所示： 在浏览器中显示的效果： 可以看出，调用$("p~span")选择器代码，获取了<p>元素下面两个(全部)的<span>元素，该元素不包含<p>元素上面的元素和不属于同辈范围的元素查看全部
-
prev + next选择器 俗话说“远亲不如近邻”，而通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素，格式如下： $(“prev + next”) 其中参数prev为任何有效的选择器，参数“next”为另外一个有效选择器，它们之间的“+”表示一种上下的层次关系，也就是说，“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。 例如，使用prev + next选择器，获取<p>元素最近邻的下一个元素，如下图所示： 在浏览器中显示的效果： 任务 我来试试，亲自给“楼下的邻居送件红衣” 在编辑器的第19行处，使用prev + next选择器，获取<p>元素最近邻的下一个元素，并修改它的背景色。查看全部
-
.class选择器查看全部
-
parent > child选择器 与上一节介绍的ance desc选择器相比，parent > child选择器的范围要小些，它所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈，它的调用格式如下： $(“parent > child”) child参数获取的元素都是parent选择器的子元素，它们之间通过“>”符号来表示一种层次关系。 如图所示： 在浏览器中显示的效果： 从图中可以看出，使用$("div>span")选择器代码，获取的是<div>“家庭中”全部“子辈”<span>元素，不包括“孙辈”<span>元素和“家庭外”的<span>元素。查看全部
-
id选择器查看全部
举报
0/150
提交
取消