노마드오브

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

2018/10/11 2

jQuery button click 이벤트시, each 사용법

DOCTYPE html> Insert title here function func() { $('div').empty(); var array = [{name: 'naver', link: 'http://naver.com'}, {name: 'daum', link: 'http://daum.net'}, {name: 'nate', link: 'http://nate.com'}, {name: 'jquery', link: 'http://jquery.com'}]; // 배열 each(처리할 대상 객체, 처리할 함수) 반복 $.each(array, function (index, item) { var output = ''; output = '' + item.name + ' ' ; //document.body.innerHTML..

IT/jQuery 2018.10.11

jQuery 선택자로 css 적용

DOCTYPE html> Insert title here // 대상.메소드().메소드().메소드(); 메소드 체이닝 패턴이 적용됨 // 대상,선택자 => 전체* 태그 아이디 클래스 선택자 등 $(document).ready(function () { // 전체 선택자 $('*').css('color', 'orange'); // 태그 선택자 $('h1').css('color', 'red'); // 아이디 선택자 $('#aa').css('color', 'blue'); // 클래스 선택자 $('.bb').css('color', 'green'); }); 제목1 제목2 제목3 본문내용 DOCTYPE html>Insert title here $(document).ready(function () {// 태그명[속성명=..

IT/jQuery 2018.10.11
이전
1
다음
더보기
프로필사진

노마드오브

  • 분류 전체보기 (238)
    • IT (236)
      • Java (107)
      • Mysql (8)
      • Oracle (27)
      • Android (39)
      • Jsp (21)
      • jQuery (16)
      • JavaScript (5)
      • Html (2)
      • Css (6)
      • maven (4)
      • spring (1)
      • etc (0)
    • Travelling (2)
      • 2018 Santiago (2)
    • Cat (0)
    • Stag beetle (0)

Tag

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2018/10   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바