'JQUERY' 태그의 글 목록

1일 10시간 3분 10초 HTML 코드 일 시간 분 초 Script 코드

Programming/JavaScript & jQuery 2025.03.06

[jQuery] URL 파라미터 값 가져오기 현재 URL의 파라미터 값에서 특정 파라미터 값을 가져오기 위해 사용 $.urlParam = function(name) { var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); if (results==null) { return null; } else { return results[1] || 0; } } 가져오기 $.urlParam('파라미터 key');

Programming/JavaScript & jQuery 2022.10.24

[Ajax] JSON 타입의 데이터를 이용하여 PHP 페이지로 데이터 보내기

아래의 소스는 Ajax를 이용하여 PHP 페이지에 JSON 타입의 데이터를 보내는 소스이다 간단한 예제로 아래의 소스를 응용하여 더 복잡한 기능의 페이지를 제작할 수 있다 [ajax.html 소스] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Ajax Test $('#getResult').click(function(){ $('#result').html(''); $.ajax({ url: 'result.php', dataType: 'json', type: 'POST', data: {'msg': $('#msg').val()}, success: function(result){ if(result['result']=..

Programming/JavaScript & jQuery 2016.05.31

[jQuery] ajax 크로스 도메인 문제 해결

jQuery 의 ajax를 이용하여 외부 데이터를 가져오면 크로스도메인으로 인해 데이터를 못가져오는 경우가 있다 아래의 플러그인을 이용하여 해결이 가능하다 123456789101112131415161718192021<!DOCTYPE html><html lang="ko"> <head> <meta charset="UTF-8"> <title>...</title> <script type="text/jav..

Programming/JavaScript & jQuery 2016.01.28

[jQuery] ajax 를 이용하여 기상청 데이터 가져오기 (크로스도메인 해결)

기상청에서 제공되는 RSS 서비스를 이용하여 jQuery의 XML 파싱을 이용하여 날씨 데이터를 출력할 수 있다 다만 일반적인 방법으로는 기상청 데이터를 불러오는데 문제가 발생한다 바로 크로스도메인이라는 보안 정책 때문인데.. 간단히 설명하면 서로 다른 도메인에서 데이터를 불러와 사..

Programming/JavaScript & jQuery 2016.01.28

[jQuery] setInterval 함수를 이용한 반복문

setInterval 함수를 이용하면 지정한 시간 간격으로 반복적인 명령을 실행할 수 있다 123456<script>var intv;intv = setInterval(function(){ alert('Test')}, 5000);</script>cs var intv; 부분과 intv = 부분은 차후 반복문 중지를 위해 지정한다 중지가 필요없는 경우 변수 지정이 필요없으므로 생략해도 무관..

Programming/JavaScript & jQuery 2016.01.27

File 폼 확장자 체크하기

파일 폼 업로드전 jQuery를 이용하여 확장자를 체크할 수 있다 [예제] 12345678910111213<input type="file" id="file"> <script>$("#file").change(function(){ if( $(this).val() != "" ){ var ext = $(this).val().split('.').pop().toLowerCase(); if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) { alert('gif,png,jpg,jpeg 파일만 업로드 할수 있..

Programming/JavaScript & jQuery 2015.12.07

[jQuery] 스크롤에 따라 반응하는 TOP 버튼 (scroll)

스크롤의 움직임에 따라 반응하는 TOP 버튼 [예제] 1234567891011121314151617181920212223<div id='btnTop'>TOP</div> <script>$(function(){ //마지막 스크롤 값을 저장할 lastScroll 변수 var lastScroll = 0; $(window).scroll(function(event){ //스크롤이 움직일때 마다 이벤트 실행 //현재 스크롤의 위치를 저장할 st ..

Programming/JavaScript & jQuery 2015.10.16

[jQuery] append 메소드에 대해 알아보자

append 메소드는 메소드 이름에서 볼 수 있듯이 마지막에 삽입하는 역할을 한다 [예제] 12345<div>jQuery</div> <script> $('div').append(' Example')<script>cs [결과] jQuery Example 위의 예제는 div 태그를 찾아 마지막에 Example 이라는 단어를 삽입한다

Programming/JavaScript & jQuery 2015.10.08

[jQuery] css 적용 방법에 대해 알아보자

jQuery 를 통해 개체의 CSS를 변경할 수 있는 css() 메소드에 대해 알아봅시다 [지정 방법] .css("name") - 지정된 name의 속성값을 리턴합니다 .css("name", "value") - 지정된 name의 속성값을 value 값으로 지정합니다 (단일지정) .css({"name":"value", "name":"value", "name":"value"}) - 지정된 name의 속성값을 value 값으..

Programming/JavaScript & jQuery 2015.10.08

DOTI Project

JQUERY 18

티스토리툴바