'JQuery'에 해당되는 글 5건

아래와 같이 간단하게만 해도 숫자이외에 입력시 숫자이외글은 입력되었다가 지워진다!!

 

$(document).on("keyup","#id",
   function(){
    $(this).val($(this).val().replace(/[^0-9]/gi,""));
   }
  );

'개발 > Jquery' 카테고리의 다른 글

이미지 바꾸기  (0) 2013.02.06
jquery 슬라이드 메뉴(마우스오버/아웃)  (0) 2013.01.18
jquery 요약  (0) 2013.01.18
jquery api  (0) 2011.12.15
JQuery  (0) 2011.04.06
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,

jquery로 이미지 변경

 

jQuery('div.gnbWrap > ul > li:not(.on)').hover(function() {
  var filename = $(this).find('img').attr('src');
  jQuery(this).find('img').attr('src', filename.replace('lev.png', 'over.png'));
 },
    function() {
     var filename = $(this).find('img').attr('src');
     jQuery(this).find('img').attr('src', filename.replace('over.png', 'lev.png'));
 });

hover  :not(.on) 을 이용해서 해당 이미지에 클릭했을시 이미지 변경하는것

메뉴바에 마우스 오버시 사용하면 유용하다!!!!

 

'개발 > Jquery' 카테고리의 다른 글

Jquery 숫자만 간단하게  (0) 2016.03.14
jquery 슬라이드 메뉴(마우스오버/아웃)  (0) 2013.01.18
jquery 요약  (0) 2013.01.18
jquery api  (0) 2011.12.15
JQuery  (0) 2011.04.06
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script type="text/javascript">
$(function(){
 $("ul.sub").hide();
 $("ul.menu li").hover(function(){
  $("ul:not(:animated)",this).slideDown("fast");
 },
 function(){
  $("ul",this).slideUp("fast");
 });
});
  </script>
  <style type="text/css">

  </style>
 </head>
 <body>
  <div id="container">
   <ul class="menu">
    <li><a href="#">메뉴</a>
     <ul class="sub">
      <li><a href="#">서브메뉴1</a></li>
      <li><a href="#">서브메뉴2</a></li>
      <li><a href="#">서브메뉴3</a></li>
     </ul>
    </li>
   </ul>
  </div>
 </body>
</html>

 

위 hover()는 mouseover() mouseout()를 합쳐논 함수라고 볼수있다``;;

'개발 > Jquery' 카테고리의 다른 글

Jquery 숫자만 간단하게  (0) 2016.03.14
이미지 바꾸기  (0) 2013.02.06
jquery 요약  (0) 2013.01.18
jquery api  (0) 2011.12.15
JQuery  (0) 2011.04.06
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,

jquery api

개발/Jquery 2011. 12. 15. 15:20

jquery에 대해 열심히 적어볼려고 했으나..

그러질 못하고 바쁜일상에 치여있었네요 ㅎㅎ

위 기본적인 사용법과 http://api.jquery.com<< api를 보고 응용하면 많은 부분을 익힐수있어요

예제도 있어서 금방 왠만한 부분을 익힐수있을꺼 같네요^^

'개발 > Jquery' 카테고리의 다른 글

Jquery 숫자만 간단하게  (0) 2016.03.14
이미지 바꾸기  (0) 2013.02.06
jquery 슬라이드 메뉴(마우스오버/아웃)  (0) 2013.01.18
jquery 요약  (0) 2013.01.18
JQuery  (0) 2011.04.06
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,

JQuery

개발/Jquery 2011. 4. 6. 15:00

엄청 오랜만에글을 쓰네요..
요즘 JQuery를 해보고 있는데..
참 좋은거 같네요 ㅎ_ㅎ;

일단 기본적인것만 올리고 찬찬히 새로 배우는거 올리도록 할께요..

JQuery의 선택자 예제
 $("#ID_NAME") : ID값이 "ID_NAME"을 가지는 하나의 엘리먼트를 선택합니다.
   자바스크립트로 예로 하면 document.getElementID("ID_NAME") 이죠..
   JQuery가 간단하게 쓸수있어 좋음..

$(".Class_Name") : Class 속성값이 "Class_Name" 값을 가지는 모든 엘리먼트를 선택합니다.

$("TD") : 모든 "TD" 태그를 선택합니다.

일단 기본적으로 예제로
$("#ID_NAME").css("backgroud-color", "black");
식으로 씁니다.

css도 같이 잘알아야 쓰기 편할것 같네요^^
담에 더 자세하게 계속 올리도록 하겠습니다.

'개발 > Jquery' 카테고리의 다른 글

Jquery 숫자만 간단하게  (0) 2016.03.14
이미지 바꾸기  (0) 2013.02.06
jquery 슬라이드 메뉴(마우스오버/아웃)  (0) 2013.01.18
jquery 요약  (0) 2013.01.18
jquery api  (0) 2011.12.15
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,