Introduction to the difference between jquery hierarchical selector siblings and nextAll_jquery

HTML code:

Copy code The code is as follows:

< div >1

2

2_1

2_1_1

< /div>

2_2

3

4

$(".one div").css("background","red") // All DIV descendant elements after .one (descendents: including sons and grandsons...)
$(".one > div").css("background","red") // Child elements after .one. (Son: son and daughter....)
$(".one div").css("background","red") // Adjacent elements after .one. It is the sibling element immediately after .one. There is only one
$(".one").next().css("background","red") // This function is the same as above
$(".one ~ div").css("background" ,"red") //The sibling element after .one. Excluding the previous
$(".one").nextAll().css("background","red") //The function is the same as above
$(".one").siblings().css( "background","red") // All sibling elements of .one, whether they are behind or in front.