AWESONG_PORTPOLIO

# 제이쿼리 슬라이드 라이브러리 소스 사이트 https://github.com/stevenwanderski/bxslider-4 GitHub - stevenwanderski/bxslider-4: Responsive jQuery content sliderResponsive jQuery content slider. Contribute to stevenwanderski/bxslider-4 development by creating an account on GitHub.github.comhttps://swiperjs.com/ Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardwa..

CLASS_JQuery 2024. 7. 30. 12:03

# 부모요소 & 자식요소 $(document).ready(function(){ // 첫번째 & 마지막 span 요소 $("#m1 > span:first-child").css("border", "2px solid red"); $("#m1 > span:last-child").css("border", "2px solid green"); // span 요소 중에서 첫번째 & 마지막 $("#m2 > span:first-of-type").css("border", "2px solid blue"); $("#m2 > span:last-of-type").css("border", "2px solid magenta"); // 요소를 index로 찾기 ..

CLASS_JQuery 2024. 7. 26. 14:50

# 마우스 hover // 마우스 호버 기능 $(document).ready(function(){ $("#p1").hover(function(){ alert("hover START");}, function(){ alert("hover END"); }); }); # 포커스 & 블러// input박스 포커스 & 블러 기능 $(document).ready(function(){ $("input").focus(function(){ $(this).css("background", "yellow"); }); $("input").blur(function(){ $(this).css("ba..

CLASS_JQuery 2024. 7. 25. 12:04

# 기본 선택자 # click $("#click").click(function(){ $(this).hide(); }); $("#dbclick").dblclick(function(){ $(this).hide(); }); # mouse$("#p1").mouseenter(function(){ alert("마우스 mouseenter 작동"); }); $("#p2").mouseleave(function(){ alert("마우스 mouseleave 떠남"); }); $("#p3").mousedown(function(){ alert("Mouse down over!!") ..

CLASS_JQuery 2024. 7. 24. 11:55

# 제이쿼리(jQuery)자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리 https://jquery.com/download/ Download jQuery | jQueryDownload jQuery link Latest version To locally download these files, right-click the link and select "Save as..." from the menu. Download the compressed, production version: Download jQuery 3.7.1 The slim build is a smaller version, that excludes the ajaxjquery.com- 제이쿼리 라이브러..

CLASS_JQuery 2024. 7. 23. 11:52