>  기사  >  웹 프론트엔드  >  jQuery를 사용하여 div에 행 스타일 추가

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

巴扎黑
巴扎黑원래의
2017-06-22 17:44:51903검색

이 기사에서는 특정 p에 행 스타일을 추가하는 jQuery 관련 방법을 주로 소개합니다. 특정 참조 값이 있습니다. 관심 있는 친구가 참조할 수 있습니다.

JQuery는 모두 $ 기호로 시작합니다. 물론 jQuery를 사용하여 $ 기호를 바꿀 수 있습니다. 이 기호는 동일하고 동시에 동일합니다. ()는 실제로 익명 기능 등을 전달할 수 있는 메소드입니다. 특정 p를 선택할 때 ID가 p1이면 $('#p1')을 사용합니다. # 기호를 추가하는 것을 잊지 마세요. 이는 CSS 스타일을 작성할 때 추가하는 # 기호와 동일합니다.

샘플은 다음과 같습니다:


<!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에 행 스타일 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.