본문 바로가기
프로그래밍/jQuery

jQuery API 정복 - 요소명(태그)으로 찾기 : jQuery('element')

by zoo10 2011. 2. 7.

$('element') 는 태그명을 직접 넣어서 그 태그를 가진 요소를 모두 찾을 수 있습니다.

원문 링크 http://api.jquery.com/element-selector/

element selector

  • jQuery('element')
  • element DOM 노드에 속한 태그명을 뜻합니다.

JavaScript 의getElementsByTagName() 함수의 역할을 합니다. 가장 기본적으로 많이 사용하게 될 것 처럼 보입니다.

예 제  
div 태그를 찾아서 9픽셀 짜리 빨간 테두리를 그립니다.

<!DOCTYPE html>
<html>
<head>
  <style>
  div,span {
    width: 60px;
    height: 60px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <div>DIV1</div>

  <div>DIV2</div>
  <span>SPAN</span>
<script>$("div").css("border","9px solid red");</script>

</body>
</html>

미리보기

 

너무도 명확한 예제라서 따로 말씀드릴것도 없네요 ^^

그럼 즐프하세요.

※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.