Steve World 썸네일형 리스트형 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-7 태그 선택자 DOCTYPE html>Insert title here$(function(){$('h1').css('color','#ccb133');});나는 상한 겨자색 입니다나는 검정색 입니다나는 상한 겨자색 입니다나는 이상한색 입니다 더보기 1-7 클래스 선택자 DOCTYPE html>Insert title here$(document).ready(function(){$('.sky').css('color','skyblue');});$(function(){$('.crazy').css('color','#bccb34');});나는 검정색 입니다나는 검정색 입니다나만 하늘색 입니다나는 이상한색 입니다 더보기 1-7 아이디 선택자 DOCTYPE html>Insert title here$(document).ready(function(){$('#a').css('color','blue');});나는 검정색 입니다나는 검정색 입니다나만 파란색 입니다나는 검정색 입니다 더보기 1-6 전체 선택자 DOCTYPE html>Insert title here $(document).ready(function(){$('*').css('border','1px solid black');});jQuery(document).ready(function(){$('h1').css('background','green');});$(function(){$('*').css('color','yellow');});나는 노란 색입니다 더보기 이전 1 2 3 4 5 6 다음
