Programming/Jquery (13) 썸네일형 리스트형 ui draggable, drop 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> #div1 { width:100px; height:100px; background-color:yellow; z-index:1; } #zone { width:150px; height:150px; background-color:yellow; position:absolute; left:300px; top:100px; } //문서가 로드될떄..div1을 드래그할 수 있도록... $(document).ready( function () { $("#div1").draggable(); //$("#div1.. jQuery eq를 활용해 태그 선택 예제 jQuery eq를 활용해 태그 선택 예제 소스 번호 홍길동1 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-1.. jQuery eq 태그를 활용한 태그 삭제 jQuery eq 태그를 활용한 태그 삭제 소스 function Select() { // ':' 필터(filter) //$("#list1 li").css("color", "red"); //$("#list1 li:first").css("color","orange"); //$("#list1 li:last").css("color","orange"); //$("#list1 li:last").css("display","none"); $("#list1 li:eq(1)").css("color", "white"); } 첫번째 항목 두번째 항목 세번째 항목 네번째 항목 결과화면 jQuery 선택자 Selectors 란 무엇인가? jQuery 선택자 Selectors 란 무엇인가?결과화면 소스 Selectors function Test() { //1. jQuery("*").css("border", "1px solid red"); //8. //jQuery(":button").css("border", "1px solid red"); //9. //jQuery(":checkbox").css("border", "1px solid red"); //10. //jQuery(":radio").css("border", "1px solid red"); //11. //jQuery(":input").css("border", "1px solid red"); //12 //jQuery(":password").css("border", "1px solid red.. Jquery 함수 사용법, onload, css컨트롤 Jquery 함수 사용법, onload, css컨트롤 http://docs.jquery.com/Main_Page사이트에서 파일2개를 다운받고 소스코드에서 임포트해야 한다. 결과화면.소스 JQuery첫번째~ function Test() { //1. Javascript DOM //document.getElementById("div1").style.backgroundColor = "yellow"; //2. jQuery //jQuery("#div1").css("background-color", "red"); //$("#div1").css("background-color", "red"); //a. 태그선택자 //$("input").css("background-color", "red"); //b. id선택자 //$.. 이전 1 2 다음
