jquery에서 div 아래의 모든 요소를 ​​설정하는 방법

최근에 웹사이트를 개발할 때 문제가 발생했습니다. jQuery를 사용하여 특정 div 아래의 모든 요소를 ​​설정하는 방법은 무엇입니까?

내 웹사이트에는 여러 p, h2 및 태그가 포함된 div가 있습니다. jQuery를 사용하여 p의 색상을 빨간색으로 설정하고 h2와 a의 색상을 파란색으로 설정하고 싶습니다.

이를 달성하려면 먼저 이 div를 선택한 다음 jQuery 선택기를 사용하여 그 안에 있는 모든 요소를 ​​선택하고 색상을 해당 값으로 설정해야 합니다.

먼저 아래와 같이 jQuery의 $() 함수를 사용하여 이 div를 선택했습니다.

var myDiv = $('div');

다음으로 jQuery의 find() 함수를 사용하여 p, h2 및 a 태그를 모두 선택하고 색상을 설정했습니다. 빨간색과 파란색 :

myDiv.find('p').css('color', 'red');
myDiv.find('h2, a').css('color', 'blue');

여기에서는 jQuery의 css() 함수를 사용하여 요소의 색상을 설정합니다.

여러 CSS() 함수를 사용하고 싶지 않다면 다음과 같이 모든 요소를 ​​병합할 수 있습니다.

myDiv.find('p, h2, a').css('color', 'red');

이렇게 하면 모든 요소가 함께 선택되고 색상이 설정됩니다.

내 웹사이트에 또 다른 div가 있는데 배경색을 노란색으로 설정하고 싶습니다. 이를 달성하기 위해 다음 코드를 사용할 수 있습니다.

$('div#myOtherDiv').css('background-color', 'yellow');

여기에서는 jQuery의 $() 함수를 사용하여 ID가 ​​myOtherDiv인 div를 선택합니다. 그런 다음 css() 함수를 사용하여 배경색을 노란색으로 설정했습니다.

어쨌든 jQuery를 사용하여 div 아래의 모든 요소를 ​​설정하는 것은 매우 쉽습니다. 먼저 이 div를 선택한 다음 find() 함수를 사용하여 그 안에 있는 모든 요소를 ​​선택하고 해당 속성을 적절한 값으로 설정합니다. 여러 요소를 선택하여 함께 병합하려면 쉼표로 구분하면 됩니다.

이 글이 여러분에게 도움이 되기를 바랍니다. 읽어주셔서 감사합니다!

위 내용은 jquery에서 div 아래의 모든 요소를 ​​설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!