첫째 아이에 대한 약간의 지식

오늘 "Sharp jQuery"라는 책을 읽다가 필터 선택기에 대한 섹션을 봤습니다. 나의 눈길을 사로잡은 지식 포인트가 있다.

(책에 나오는 코드와 똑같은 코드를 예시로 사용하지는 않습니다.) 간단한 예를 들어보겠습니다. 코드:

1 <ul>2     <li>第一个li</li>3     <li>第二个li</li>4     <li>第三个li</li>5     <li>第四个li</li>6 </ul>

첫 번째 li의 색상을 파란색으로 하려면 다음 방법을 사용하세요. 책에는 $(" ul :first-child").css("color","blue");

(ps: 저는 온라인에 소개된 jQuery를 사용합니다: )

이때 나의 첫 반응은 $("ul :first-child" ) 그의 아들 li가 아닌 ul을 선택했습니다. 온라인에서 예를 찾아보니 이 상황에서 흔히 쓰는 쓰기 방식은 $("ul li:first-child").

그럼 책에 나오는 쓰기 방식이 잘못된 걸까요? 에디터에서 테스트해보니 $("ul :first-child")에 ul 뒤에 space가 있다는 것이 핵심 문제로 나타났습니다. 공백을 제거하면 실제로 ul이 선택된 것입니다!

어. . . 이 세부 사항. . . . 앞으로는 ul+space를 사용하는 것이 좋을까요, 아니면 ul li를 사용하는 것이 좋을까요? 결국 $("ul :first-child")는 $("ul li:first-child")보다 li이 하나 더 많습니다! 조건은 더욱 까다롭습니다! 예제를 변경하세요

<ul> <p>lala</p> <li>第一个li</li> <li>第二个li</li> <li>第三个li</li> <li>第四个li</li></ul>

같은 상황에서 $("ul :first-child").css("color","blue") 및 $("ul li:first-child"). CSS("color","blue"), 전자는 lala 파란색으로 변하고 후자는 아무런 효과가 없습니다. 결국 li는 첫째 아들이 아닙니다(왕자가 될 수 없습니다 하하).

첫째와 첫 번째 유형, 글쎄요, 누군가가 쓴 기사를 봤는데 꽤 명확하고 주소가 첨부되어 있습니다:

글쎄요, 간단히 말해서 전자가 말하는 것입니다 아들. , 후자는 그룹을 형성하는 동일한 요소에 대해 이야기합니다. 공간에 대한 관심에 대해 앞서 언급한 내용을 추가하면 명확해질 것입니다.

위 내용은 첫째 아이에 대한 약간의 지식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!