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

본문 바로가기
사이트 내 전체검색

JavaScript

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

페이지 정보

profile_image
작성자 최고관리자
댓글 0건 조회 8,819회 작성일 21-09-15 18:44

본문

출처 :  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 기능 유효

});







댓글목록

등록된 댓글이 없습니다.

회원로그인

회원가입

  • 게시물이 없습니다.

접속자집계

오늘
1,036
어제
2,902
최대
6,642
전체
1,086,499
contact : webmaster@beautipia.co.kr
Copyright © beautipia.co.kr. All rights reserved.