> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 div에 행 스타일을 추가하는 예

jQuery를 사용하여 div에 행 스타일을 추가하는 예

小云云
풀어 주다: 2018-01-10 09:55:47
원래의
1066명이 탐색했습니다.

JQuery는 모두 $ 기호로 시작합니다. 물론 jQuery를 사용하여 $ 기호를 바꿀 수 있습니다. 이 기호는 동일하며 동시에 동일합니다. ()는 실제로 익명 함수 등을 전달할 수 있는 메소드입니다. 특정 p를 선택할 때 id가 p1이면 $('#p1')을 사용합니다. # 기호를 추가하는 것을 잊지 마세요. 이는 CSS 스타일을 작성할 때 추가하는 # 기호와 동일합니다. 이 기사에서는 jQuery를 사용하여 특정 p에 행 스타일을 추가하는 관련 방법을 주로 소개합니다. 관심 있는 친구들이 참고할 수 있기를 바랍니다.

샘플은 다음과 같습니다:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head> 
  <title>基础核心</title>
 <script type="text/javascript" src="jquery-1.11.1.js"></script>
 <script type="text/javascript">
 $(function(){
 
 $(&#39;#box&#39;).css(&#39;color&#39;,&#39;red&#39;);//为id为box的p加入行间样式
 
});
 </script>
 </head>
 
 <body>
 <p id="box">Jquery</p>
 
 </body>
</html>
로그인 후 복사

렌더링:

글꼴 색상을 빨간색으로 변경:

관련 권장 사항:

jQuery를 제외한 아무 곳이나 클릭하세요. DIV를 숨기도록 지정된 영역 function

jQuery가 두 div의 버튼 교환을 구현하는 방법에 대한 자세한 설명

jQuery가 지정된 div에 HTML 페이지를 로드합니다

위 내용은 jQuery를 사용하여 div에 행 스타일을 추가하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿