노마드오브

DOCTYPE html> Insert title here $(document).ready(function () { // innerHTML 또는 html()처럼 HTML태그가 살아서 삽입됨 // append() 뒤에 추가 // appendTo() 뒤에 추가 // prepend() 앞에 추가 var h1 = 'header1'; var h2 = 'header2'; $('body').append(h2); $('body').prepend(h1); $(h1).appendTo('body'); }); 본문

DOCTYPE html> Insert title here $(document).ready(function () { // html() - 자바스크립트의 innerHTML과 기능이 동일 // text() var h = $('h1').html(); //alert(h); var t = $('h1').text(); //alert(t); //$('div').text('text Method'); //$('div').html('html Method'); // 배열형태로 하나씩 접근 // $('div').html(function (index) { // return 'html Method - ' + index + ''; // }); $('h1').html(function (index, oldHtml) { return '★..

DOCTYPE html>Insert title here$(document).ready(function () {var color = ['red', 'blue', 'purple']; var c = $('h1').css('color');//alert(c);//$('h1').css('color', 'yellow'); // $('h1').css('color', function (index) {// return color[index];// });$('h1').css({color: function (index) {return color[index]},backgroundColor: 'black'}); });head-0head-1head-2

DOCTYPE html> Insert title here $(document).ready(function () { var s = $('img').attr('src'); // alert(s); // $('img').attr('width', 200); // $('img').attr('width', function (index) { // return (index+1)*100; // }); // $('img').attr({ // width: 300, // height: 200 // }); $('img').attr({ width: function (index) { return (index+1)*100 }, height: 200 }); });

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..

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 () {// 태그명[속성명=..

DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Insert title here // jQuery.com // window.load(function () { // alert('문서를 다 읽은 후에 경고창 띄움'); // }); jQuery(document).ready(function () { alert('jQuery 준비'); }); $(document).ready(function () { alert('jQuery 준비2') }); $(function () { alert('jQuery 준비3') }); 안녕하세요