jquery学习之旅

Posted 2020-06-14

  在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元素之后的同辈元素