jquery学习之旅

时间:2023-03-09 07:03:56
jquery学习之旅

在jQuery中,css()方法的功能是设置或获取元素的某项样式属性。

$<"div">.css("font-weight","bold");

attr()方法的功能是设置或获取元素的某项属性值。

有时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下:$("sele1,sele2,seleN");其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等。

parent>child选择器 与ance desc选择器相比,parent>child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈。而ance desc选择器是选中所有的后代子集元素

$("parent>chlid")  child参数获取的元素都是parent选择器的子元素,他们之间通过">"符号来表示一种层次关系。

prev+next选择器

通过prev+next选择器就可以查找与“prev"元素相邻的下一个”next“元素

$("prev+next")

其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素

prev~siblings选择器

与上面中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下:

$("prev~siblings")

其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素