본문 바로가기

jquery

제이쿼리 UI http://apycom.com/ 제이쿼리 UI 더보기
주요 메소드와 기능 -문서 불러오자마자 실행$(document).ready(function(){});or$(function(){}); css(a,b) - a:속성 b:값 $("tbody tr:odd").css("background-color","green");// odd : 홀수번째만 선택$("tbody tr:even").css("background-color","aqua");// even : 0포함 짝수번째만 선택$("tbody tr:eq(1)").css("background-color","red"); // eq() : 직접 선택$("tbody tr:gt(3)").css("background-color","orange");// gt() : 작성한 행보다 큰 요소 선택$("tbody tr:lt(1)").css("backgr.. 더보기
제이쿼리 jquery - append html 차이 어디 사이트에선가 append가 더 빠르다고 하던데 개인적으로 방금 느낀 실질적인 차이를 아래 서술하겠음. html은 기존의 선택된 요소안의 모든 태그들을 지우고 실행됨. append는 요소안에 모든 태그들은 유지 시킨뒤 마지막부분에 붙을 뿐이다. 프로그래머가 추가할 무언가가(append를 써야되나 html을 써야하나 고민하면서, 둘다 비슷한데 뭐가 다르지? 하고 또 고민하면서 여기까지 왔겠죵) 정적인 페이지에서(ajax jquery 이런것들을 비교적 적게사용하던지 전혀 사용안하던지 할때. 이미 이야기하고 있는 것들이 jquery이지만..) 작동하는 것이라면 append가 효율적일 것이며 반대로 동적인 페이지에서 작동하는 페이지라서 추가할 무언가가 사용하는 유저에 의해서 바뀔 가능성이 조금이라도 있다면 .. 더보기
Select Box 활용 노하우 jQuery로 선택된 값 읽기$("#selectBox option:selected").val();$("select[name=name]").val(); jQuery로 선택된 내용 읽기$("#selectBox option:selected").text(); 선택된 위치var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select$("#selectBox").append("Apples");$("#selectBox").append("After Apples"); // Add o.. 더보기
jquery 선택자 여러개, 요소 여러개 선택하기 $(function(){$("#e_sdate, #e_edate, #e_date_dang, .class, #id, input, span").datepicker({ showOtherMonths: true, selectOtherMonths: true,});}); 컴마로 구분해줘서 사용하면 된다. 더보기
jquery 달력 옵션 적용법 $("#dp").datepicker({// 이미지를 클릭하면 달력출력showOn:"button",buttonImage:"/data/images/calendar.gif",buttonImageOnly:true,defaultDate:"",// 기본선택된 날짜minDate:"2013-08-01",//최소 선택할 수 있는 날짜maxDate:"+1M+10D",// 최대 선택할 수 있는 날짜showAnim:"slideDown"// /*minDate:0,maxDate:"_10D"*/});}); $(function() { $( "#datepicker" ).datepicker(); $( "#anim" ).change(function() { $( "#datepicker" ).datepicker( "option", "show.. 더보기
커서 손가락 바꾸기 $(".question").css("cursor","pointer");// 커서를 손가락을 바꾸기 더보기
jquery & ajax 이해하는 간단한 예제 city.jsp ::시도선택:: ::도시선택:: =====================================================================================================================================================CityController.java package com.sp.city; import java.io.PrintWriter;import java.util.List; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject; import org.springframework.beans.factory.annotation.A.. 더보기