' sundries' 카테고리의 글 목록 (3 Page)

본문 바로가기

sundries

1-20 클래스 속성 추가, 제거 (addClass, removeClass) DOCTYPE html>Insert title here.high-light{background:yellow;}$(function(){$('h1').addClass('high-light');$('h1').removeClass('high-light');}); item - 0item - 1item - 2item - 3item - 4item - 5 더보기

1-19 요소 DOCTYPE html>Insert title herebody{margin: 50px auto; width:500px}table{margin: 20px auto;border-collapse:seperate;text-align:center}tr{height:50px;} $(function(){$('tr:first').css('background','black').css('color','white');$('td:eq(4)').css('background','#a4ff0b'); $('th:eq(4)').css('background','red'); }); 추천 도서 표 책 제목작가가격 총2권30,000원 스티브잡스월터아이작슨 저, 안진환 역25,000원나를 지키는 말 88손화신, 쌤앤파커스25,000원언어의 마.. 더보기

1-18 위치 필터 선택자 odd, even DOCTYPE html>Insert title herebody{margin: 50px auto; width:500px}table{margin: 20px auto;border-collapse:seperate;text-align:center}tr{height:50px;} $(function(){ $('tr:odd').css('background','red'); $('tr:even').css('background','green'); $('tr:first').css('background','black').css('color','white');}); 추천 도서 표 짝/홀책 제목작가가격 홀총2권30,000원 짝스티브잡스월터아이작슨 저, 안진환 역25,000원홀나를 지키는 말 88손화신, 쌤앤파커스25,000원짝언어.. 더보기

1-17 select option selected DOCTYPE html>Insert title here $(function(){//2초후 코드 실행setTimeout(function(){//변수를 선언//var value = $('select> option:selected').valvar value = $('option:selected').val();//출력alert('선택하신 메뉴는 ' + value + '입니다');}, 2000);});김밥짜장면냉면비빔밥돈까스 더보기

1-16 입력 양식 필터 input type=text DOCTYPE html>Insert title here $(function(){$('input[type="text"]').val('Hello jQuery..!!!');alert ($('input[type="text"]').val());$('input[type="text"]').css('color', 'red');$('input[type="password"]').css('color', 'green');$('input[type="file"]').css('background', 'pink');/* $('input:text').val('Hello jQuery..!!!');$('input:text').val('color','red');$('input:password').val('color','green');$('.. 더보기

1-15 입력, 양식 필터 / 속성 선택자 input type=text DOCTYPE html>Insert title here $(function(){$('input[type="text"]').val('Hello jQuery..!!!');alert ($('input[type="text"]').val());}); 더보기

1-14 동위 선택자 DOCTYPE html>Insert title here $(function(){$('li + li').css('color', 'orange');/* 인덱스로 찾기$('li:eq(1)').css('color', 'red');$('li:eq(2)').css('color', 'red'); */}); 동위 선택자 (+) 형제 지간 CatDogElephant 하하 저는 적용이 안되나요? 더보기

1-11 특정 class 속성을 가지는 태그 선택자 DOCTYPE html>Insert title here$(function(){$('.item').css('color', 'orange');$('h1.item').css('background', 'red');}); Header-0 Header-1 Header-2 더보기

1-9 prompt 아이디 선택자 DOCTYPE html>Insert title here $(function(){var input =prompt('글자색을 오렌지색으로 바꿀 id값을 입력하세요','#');$(input).css('color','orange');});'#target' : 오렌지 색 ! DOCTYPE html>Insert title here $(function(){var changeColor =prompt('글자색을 변경할 색상을 입력하세요');$('#target').css('color', changeColor);});'#target' : 카멜레온 ! 더보기

1-8 여러개의 태그 선택자 DOCTYPE html>Insert title here$(function(){$('h1, p').css('color','#ccb133');});나는 상한 겨자색 입니다나는 이상한색 입니다나는 상한 겨자색 입니다나는 이상한색 입니다 더보기

이전 1 2 3 4 다음

티스토리툴바