-
prev ~ siblings选择器 与上一节中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下: $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。查看全部
-
$(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。 例如,使用prev + next选择器,获取<p>元素最近邻的下一个元素,查看全部
-
parent > child选择器 与上一节介绍的ance desc选择器相比,parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式如下: $(“parent > child”) child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系。查看全部
-
$("parent>child"):获取parent中的子元素child 只能获取子元素查看全部
-
ance desc选择器 本节开始,我们将介绍层次性选择器。 在实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。查看全部
-
$("ance desc"):层次选择器,可快速定位某一层的一个或多个元素 ance:父元素;desc:子元素;两个参数使用空格隔开查看全部
-
sele1,sele2,seleN选择器 有时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下: $(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等。查看全部
-
* 选择器(取走全部铅笔) 有一个非常“牛”的选择器,“*”号选择器,它的功能是获取页面中的全部元素,“全部”啊!包括<head>、<body>、<script>这些元素,相当于可以取走你文具盒中的所有铅笔,格式为: $(“*”) 选择器中的参数就一个“*”,既没有“#”号,也没有“.”号。 由于该选择器的特殊性,它常与其他元素组合使用,表示获取其他元素中的全部子元素。 如下图所示: 使用*选择器,获取div中的所有子元素并设置三个子元素显示相同的内容。查看全部
-
.class 选择器(寻找红色铅笔) 我们在上一小节介绍了通过使用元素名称查询元素的方法,其实,还可以通过元素的类别属性查找元素,就好比在文具盒中要找一个“红色”铅笔一样,根据元素的某个特征进行查找,它的调用格式如下: $(“.class”) 其中.class参数表示元素的CSS类别(类选择器)名称。 例如,在页面中,通过class选择器获取某个元素,并显示该元素的class类别名称,如下图所示:查看全部
-
element 选择器(寻找铅笔)查看全部
-
#id 选择器(使用身份证号来找人)查看全部
-
$("*"):获取页面中的全部元素查看全部
-
要注意的是:slideDown()仅适用于被隐藏的元素;slideup()则相反。查看全部
-
$(this).load("url x",function(){}) url:加载的目标地址 x:目标地址中的目标标签查看全部
-
<body> <h3>显示隐藏元素的内容</h3> <input id="hidstr" type="hidden" value="我已隐藏起来"/> <div></div> <script type="text/javascript"> var $strHTML = $("input").val(); $("div").html($strHTML); </script> </body>查看全部
举报
0/150
提交
取消