Jquery 문서 객체 선택 및 조작 ( 속성, 스타일, 글자, 클래스 ) > JavaScript

• 목록
• 게시판 리스트 옵션
  • 검색

출처 :  https://blog.naver.com/mch4023/222224681012

1. Jquery 라이브러리 메서드의 기본형태

$(선택자).메서드(매개변수,매개변수);

##  페이지 로딩 후 실행

$(document).ready(function() {

  // JQuery 소스 코드 $(selector).method(function (event) { });

});

1) 속성변경하기

 $(document).ready(function(){

   $('img').attr('alt', '이미지 설명');

   $('img').attr('src', '이미지위치');

   $('img').attr('width', '500');

});

2) 스타일 변경

$(document).ready(function(){

   $('.box').css({ width: 100, height: 100, margin: 100, float: 'left', backgroundColor: 'green' });

});

$(document).ready(function(){

   // 내부 글자를 변경합니다.

   $('#divID').text('<a href="#">text()</a>');     <-- 텍스트로 뿌려짐

   $('#divID').html('<a href="#">html()</a>');   <-- html 기능 유효

});