728x90
반응형

프로그래밍 언어/jQuery, ajax 130

jQuery 텍스트 영역 텍스트 가져 오기

질문 : jQuery 텍스트 영역 텍스트 가져 오기 최근에 저는 jQuery를 사용하기 시작했고 몇 가지 튜토리얼을 따라 왔습니다. 이제는 사용에 약간의 능숙 함을 느낍니다 (매우 쉽습니다). 제 웹 페이지에서 '콘솔'을 만들 수 있다면 멋질 거라고 생각했습니다 ( FPS 게임 에서처럼`키를 누르는 것처럼, 등), 그런 다음 Ajax 자체를 서버에 다시 보내서 작업을 수행하십시오. 원래 가장 좋은 방법은 텍스트 영역 내에서 텍스트를 가져 와서 분할하거나 keyup 이벤트를 사용하고 반환 된 키 코드를 ASCII 문자로 변환 한 다음 문자열에 추가하고 문자열을 보내는 것입니다. 서버 (그런 다음 문자열을 비 웁니다). 텍스트 영역에서 텍스트를 얻는 것에 대한 정보를 찾을 수 없었습니다. 내가 얻은 것은 키..

jQuery를 사용하여 DIV를 화면 중앙에 배치하는 방법

질문 : jQuery를 사용하여 DIV를 화면 중앙에 배치 jQuery를 사용하여 화면 중앙에 를 설정하려면 어떻게해야합니까? 답변 이 함수가 도움이되도록 jQuery에 함수를 추가하는 것을 좋아합니다. jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px"); this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) +..

jQuery의 SELECT 요소에서 특정 옵션을 선택하는 방법

질문 : jQuery의 SELECT 요소에서 특정 옵션을 어떻게 선택합니까? 색인, 값 또는 텍스트를 알고있는 경우. 직접 참조 할 수있는 ID가없는 경우에도 마찬가지입니다. 이것 , 이것 그리고 이것은 모두 유용한 답변입니다. 마크 업 예 Default Selection 1 Selection 2 답변 중간 옵션 요소를 값으로 가져 오는 선택기는 다음과 같습니다. $('.selDiv option[value="SEL1"]') 색인의 경우 : $('.selDiv option:eq(1)') 알려진 텍스트의 경우 : $('.selDiv option:contains("Selection 1")') 편집 : 위에 언급했듯이 OP는 드롭 다운의 선택한 항목을 변경 한 후 일 수 있습니다. 버전 1.6 이상에서는 pro..

jQuery를 사용하여 입력이 비어 있는지 확인하는 방법

질문 : jQuery를 사용하여 입력이 비어 있는지 확인 모든 필드를 채우고 싶은 양식이 있습니다. 필드를 클릭 한 후 채우지 않으면 빨간색 배경을 표시하고 싶습니다. 내 코드는 다음과 같습니다. $('#apply-form input').blur(function () { if ($('input:text').is(":empty")) { $(this).parents('p').addClass('warning'); } }); 필드가 채워지는지 여부에 관계없이 경고 클래스를 적용합니다. 내가 도대체 뭘 잘못하고있는 겁니까? 답변 $('#apply-form input').blur(function() { if( !$(this).val() ) { $(this).parents('p').addClass('warning')..

jQuery에서 체크박스 값 가져 오기

질문 : jQuery에서 확인란 값 가져 오기 jQuery에서 확인란의 값을 어떻게 얻을 수 있습니까? 답변 Value 속성의 값을 얻으려면 다음과 같이 할 수 있습니다. $("input[type='checkbox']").val(); class 또는 id 를 설정 한 경우 다음을 수행 할 수 있습니다. $('#check_id').val(); $('.check_class').val(); 그러나 체크 여부와 상관없이 동일한 값을 반환합니다. 제출 된 양식 동작과 다르기 때문에 혼란 스러울 수 있습니다. 선택 여부를 확인하려면 다음을 수행하십시오. if ($('#check_id').is(":checked")) { // it is checked } 출처 : https://stackoverflow.com/ques..

동일한 클래스의 요소를 반복하는 jQuery

질문 : 동일한 클래스의 요소를 반복하는 jQuery testimonial 과 함께 div를 많이 가지고 있으며 jquery를 사용하여 특정 조건이 참인 경우 각 div를 확인하기 위해 루프를 반복하고 싶습니다. 사실이면 작업을 수행해야합니다. 내가 어떻게할지 아는 사람 있나요? 답변 각각 사용 : ' i '는 배열의 위치이고 obj 는 반복중인 DOM 개체입니다 (jQuery 래퍼 $(this) 를 통해 액세스 할 수도 있음). $('.testimonial').each(function(i, obj) { //test }); 자세한 내용 은 api 참조 를 확인하세요. 출처 : https://stackoverflow.com/questions/4735342/jquery-to-loop-through-eleme..

JQuery - $ is not defined 오류 해결방법

질문 : JQuery-$가 정의되지 않았습니다. 간단한 jquery 클릭 이벤트가 있습니다. 및 site.master에 정의 된 jquery 참조 스크립트가 올바르게 해결되고 있는지 확인했으며 마크 업을보고 방화범에서 스크립트를 직접 볼 수 있으므로 발견되어야합니다. 그러나 나는 여전히 다음을 얻고 있습니다. $가 정의되지 않았습니다. jquery는 작동하지 않습니다. $(document).ready 및 jQuery 등과 같은 다양한 변형을 시도했습니다. .net 3.5의 MVC 2 앱입니다. Google의 모든 곳에서 파일이 올바르게 참조되었는지 확인하라고 말합니다. 다시 확인하고 확인했습니다. 조언을 부탁드립니다! : / 답변 이 오류는 다음 세 가지 중 하나에 의해서만 발생할 수 있습니다. 우선, ..

jQuery를 사용하여 이미지 사전 로드하는 방법

질문 : jQuery로 이미지 미리로드 JavaScript로 이미지를 미리로드하는 빠르고 쉬운 방법을 찾고 있습니다. 중요한 경우 jQuery를 사용하고 있습니다. 나는 여기에서 이것을 보았다 ( http : //nettuts.com ... ) : function complexLoad(config, fileNames) { for (var x = 0; x < fileNames.length; x++) { $("").attr({ id: fileNames[x], src: config.imgDir + fileNames[x] + config.imgFormat, title: "The " + fileNames[x] + " nebula" }).appendTo("#" + config.imgContainer).css({ d..

jQuery를 사용하여 텍스트 상자의 값을 얻는 방법

질문 : jQuery를 사용하여 텍스트 상자의 값을 어떻게 얻습니까? $("#txtEmail") 과 같은 요소를 얻을 수 있지만 실제 값을 얻는 방법을 모르겠습니다. 답변 .val() 메서드가 있습니다. txtEmail 인 입력이있는 경우 다음 코드를 사용하여 텍스트 상자의 값에 액세스 할 수 있습니다. $("#txtEmail").val() val(string) 메서드를 사용하여 해당 값을 설정할 수도 있습니다. $("#txtEmail").val("something") 출처 : https://stackoverflow.com/questions/463506/how-do-i-get-the-value-of-a-textbox-using-jquery

jQuery를 사용하여 입력에 포커스가 있는지 테스트하는 방법

질문 : jQuery를 사용하여 입력에 포커스가 있는지 테스트 내가 구축중인 사이트의 첫 페이지에서 여러 는 CSS :hover 가상 클래스를 사용하여 마우스가 위에있을 때 테두리를 추가합니다. 중 하나에는 jQuery를 사용하여 입력에 포커스가있는 경우 테두리를 유지 이외의 요소에서 :hover 를 지원하지 않는다는 점을 제외하면 완벽하게 작동합니다. 그래서, 우리는 모방 CSS로 jQuery를 사용하는 경우에만이 브라우저 :hover 은 Using $(#element).hover() 방법. 유일한 문제는 이제 jQuery가 focus() 및 hover() 형식을 모두 처리하므로 입력에 포커스가있을 때 사용자가 마우스를 안팎으로 움직이면 테두리가 사라집니다. 이 행동을 막기 위해 어떤 종류의 조건부를 ..

jQuery에서 버튼의 텍스트를 변경하는 방법

질문 : jQuery에서 버튼의 텍스트를 변경하는 방법은 무엇입니까? jQuery에서 버튼의 텍스트 값을 어떻게 변경합니까? 현재 내 버튼은 텍스트 값으로 '추가'를 가지고 있으며 클릭하면 '저장'으로 변경하고 싶습니다. 이 방법을 아래에서 시도했지만 지금까지 성공하지 못했습니다. $("#btnAddProfile").attr('value', 'Save'); 답변 사용중인 버튼 유형에 따라 다름 $("#btnAddProfile").attr('value', 'Save'); //versions older than 1.6 $("#btnAddProfile").prop('value', 'Save'); //versions newer than 1.6 Add $("#btnAddProfile").html('Save'); ..

jQuery 및 Ajax에서 기본 인증 사용

질문 : jQuery 및 Ajax에서 기본 인증 사용 브라우저를 통해 기본 인증을 생성하려고하는데 거기에 도달 할 수 없습니다. 이 스크립트가 여기에 없으면 브라우저 인증이 인계되지만 사용자가 곧 인증을 수행 할 것임을 브라우저에 알리고 싶습니다. 주소는 다음과 같아야합니다. http://username:password@server.in.local/ 양식이 있습니다. 그리고 스크립트 : var username = $("input#username").val(); var password = $("input#password").val(); function make_base_auth(user, password) { var tok = user + ':' + password; var hash = Base64.enc..

jQuery를 사용하여 로딩 애니메이션을 만드는 방법

질문 : jQuery를 사용하여“Please Wait, Loading…”애니메이션을 어떻게 만들 수 있습니까? 내 사이트에 "잠시 기다려주십시오.로드 중"회전하는 원 애니메이션을 배치하고 싶습니다. jQuery를 사용하여 어떻게해야합니까? 답변 다양한 방법으로이 작업을 수행 할 수 있습니다. "로드 중 ..."이라는 페이지의 작은 상태처럼 미묘하거나 새 데이터가로드되는 동안 전체 요소가 페이지를 회색으로 표시하는 것처럼 시끄러울 수 있습니다. 아래에서 취하는 접근 방식은 두 가지 방법을 모두 수행하는 방법을 보여줍니다. 설정 http://ajaxload.info 에서 멋진 "로드"애니메이션을 가져 와서 시작하겠습니다. ajax 요청을 할 때마다 표시 / 숨길 수있는 요소를 만들어 보겠습니다. CSS 다음..

jQuery 텍스트 영역에서 커서 위치 설정

질문 : jQuery 텍스트 영역에서 커서 위치 설정 jQuery를 사용하여 텍스트 필드에서 커서 위치를 어떻게 설정합니까? 콘텐츠가있는 텍스트 필드가 있고 사용자가 필드에 초점을 맞출 때 특정 오프셋에 사용자 커서가 위치하기를 원합니다. 코드는 다음과 같아야합니다. $('#input').focus(function() { $(this).setCursorPosition(4); }); setCursorPosition 함수의 구현은 어떻게 생겼습니까? 내용이 abcdefg 인 텍스트 필드가있는 경우이 호출은 커서가 abcd ** | ** efg와 같이 배치되도록합니다. Java에는 비슷한 기능인 setCaretPosition이 있습니다. 자바 스크립트에도 비슷한 방법이 있습니까? 업데이트 : 다음과 같이 jQ..

jQuery.Ajax로 파일 다운로드하는 방법

질문 : jQuery.Ajax로 파일 다운로드 파일 다운로드를 위해 서버 측에 Struts2 작업이 있습니다. text/plain imageStream attachment;filename={fileName} 1024 그러나 jQuery를 사용하여 작업을 호출 할 때 : $.post( "/download.action",{ para1:value1, para2:value2 .... },function(data){ console.info(data); } ); Firebug에서 데이터는 Binary 스트림으로 검색됩니다. 사용자가 파일을 로컬에 저장할 수 있는 파일 다운로드 창 을 여는 방법이 궁금합니다. 답변 2019 최신 브라우저 업데이트 이것은 몇 가지주의 사항과 함께 지금 권장하는 접근 방식입니다. 비교적..

'$ (document) .ready ()'에 해당하는 자바스크립트 명령어

질문 : '$ (document) .ready ()'에 해당하는 비 jQuery는 무엇입니까? $(document).ready() 와 동등한 비 jQuery는 무엇입니까? 답변 이것은 ECMA에서 완벽하게 작동합니다. 스니펫만 있으면 되지만 더 파고 다른 옵션을 탐색하려면 이 항목을 확인하십시오. 상세한 설명. document.addEventListener("DOMContentLoaded", function() { // code... }); $(document).ready는 DOM 트리만 기다리는 동안 window.onload는 외부 자산 및 이미지를 포함한 모든 요소를 ​​확인하기 때문에 window.onload는 JQuery $(document).ready와 같지 않습니다. 편집: Jan Derk의 ..

jQuery document.createElement 와 같은 기능

질문 : jQuery document.createElement에 해당합니까? 나는 오래된 JavaScript 코드를 리팩토링하고 있으며 많은 DOM 조작이 진행되고 있습니다. var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); jQuery를 사용하여 더 나은 방법이 있는지 알고 싶습니다. 나는 다음과 같은 실험을 해왔다. var odv = $.create("div"); $.append(odv); // And m..

jQuery UI DatePicker-날짜 형식 변경

질문 : jQuery UI DatePicker-날짜 형식 변경 독립 실행 형 선택기로 jQuery UI의 UI DatePicker를 사용하고 있습니다. 이 코드가 있습니다. 그리고 다음 JS : $('#datepicker').datepicker(); 이 코드로 값을 반환하려고 할 때 : var date = $('#datepicker').datepicker('getDate'); 나는 이것을 돌려 받았다 : Tue Aug 25 2009 00:00:00 GMT+0100 (BST) 완전히 잘못된 형식입니다. DD-MM-YYYY 형식으로 반환 할 수있는 방법이 있습니까? 답변 다음은 코드에 대한 구체적인 내용입니다. var date = $('#datepicker').datepicker({ dateFormat: '..

jQuery 테이블 마지막 행에 행 추가하는 방법

질문 : jQuery에 테이블 행 추가 테이블에 추가 행을 마지막 행으로 추가하는 jQuery에서 가장 좋은 방법은 무엇입니까? 이것이 허용됩니까? $('#myTable').append('my datamore data'); 이와 같은 테이블에 추가 할 수있는 항목 (예 : 입력, 선택, 행 수)에 제한이 있습니까? 답변 당신이 제안한 접근 방식이 당신이 찾고있는 결과를 보장 할 수는 없습니다. 예를 들어 tbody ... ... 결국 다음과 같이됩니다. ... ... ... 따라서 대신이 방법을 권장합니다. $('#myTable tr:last').after('......'); 위의 예에 따라 여러 행을 포함하여 유효한 HTML 인 after() 메서드 내에 모든 것을 포함 할 수 있습니다. 업데이트 : ..

jQuery를 사용하는 이스케이프 키의 키 코드

질문 : jQuery를 사용하는 이스케이프 키의 키 코드 두 가지 기능이 있습니다. Enter 키를 누르면 함수가 제대로 실행되지만 이스케이프를 누르면 실행되지 않습니다. 이스케이프 키의 올바른 번호는 무엇입니까? $(document).keypress(function(e) { if (e.which == 13) $('.save').click(); // enter (works as expected) if (e.which == 27) $('.cancel').click(); // esc (does not work) }); 답변 keyup 이벤트로 시도하십시오. $(document).on('keyup', function(e) { if (e.key == "Enter") $('.save').click(); if (e..

jQuery의 $ .ready ()와 동등한 순수 JavaScript-페이지 / DOM이 준비되었을 때 함수를 호출하는 방법

질문 : jQuery의 $ .ready ()와 동등한 순수 JavaScript-페이지 / DOM이 준비되었을 때 함수를 호출하는 방법 jQuery로 우리 모두는 멋진 .ready() 함수를 알고 있습니다. $('document').ready(function(){}); 그러나 라이브러리를 지원하지 않는 표준 JavaScript로 작성된 함수를 실행하고 페이지가 처리 할 준비가되는 즉시 함수를 시작하고 싶다고 가정 해 보겠습니다. 이에 접근하는 적절한 방법은 무엇입니까? 나는 내가 할 수 있다는 것을 안다. window.onload="myFunction()"; body 태그를 사용할 수 있습니다. 또는 모든 작업 후에 페이지 하단에서 시도 할 수도 있지만 끝 body 또는 html 태그는 다음과 같습니다. ..

jQuery 지연 및 약속 - .then () vs .done ()

질문 : jQuery 지연 및 약속-.then () 대 .done () 나는 jQuery 지연 및 약속에 대해 읽었으며 성공적인 콜백을 위해 .then() 및 .done() Eric Hynds 가 .done() 및 .success() 가 동일한 기능에 매핑된다는 것을 알고 있지만 모든 콜백이 성공적인 작업 완료시 모두 호출 .then() 누구든지 올바른 사용법을 가르쳐 주시겠습니까? 답변 done() 연결된 콜백은 지연이 해결 될 때 발생합니다. fail() 연결된 콜백은 지연이 거부 될 때 시작됩니다. jQuery 1.8 이전에는 then() 은 단지 구문 적 설탕이었습니다. promise.then( doneCallback, failCallback ) // was equivalent to promise..

select 박스의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 jQuery로 선택하는 방법

질문 : 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 jQuery로 선택하는 방법은 무엇입니까? 핵심 jQuery를 사용하여 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 선택하는 방법은 무엇입니까? 내 선택 상자는 다음과 같습니다. 편집 : 다음 코드는 연결에 도움이되었습니다. 그러나 (Internet Explorer에서) .val('whatever') 은 추가 된 옵션을 선택하지 않았습니다. .append 와 .val 에서 동일한 '값'을 사용했습니다.) $('#mySelect').find('option').remove().end() .append('text').val('whatever'); 편집 :이 코드를 모방하기 위해 페이지 / 양식이 재설정 될 때마다 다음 코드를..

jQuery로 페이지를 새로 고침 하는 방법

질문 : jQuery로 페이지를 새로 고치려면 어떻게해야합니까? jQuery로 페이지를 새로 고치려면 어떻게해야합니까? 답변 location.reload() : $('#something').click(function() { location.reload(); }); reload() 함수는 캐시가 아닌 서버에서 강제로 다시로드 true 로 설정할 수있는 선택적 매개 변수를 사용합니다. 매개 변수의 기본값은 false 이므로 기본적으로 페이지가 브라우저의 캐시에서 다시로드 될 수 있습니다. 출처 : https://stackoverflow.com/questions/5404839/how-can-i-refresh-a-page-with-jquery

jQuery 체크박스 변경 및 클릭 이벤트

질문 : jQuery 확인란 변경 및 클릭 이벤트 $(document).ready(function() { //set initial state. $('#textbox1').val($(this).is(':checked')); $('#checkbox1').change(function() { $('#textbox1').val($(this).is(':checked')); }); $('#checkbox1').click(function() { if (!$(this).is(':checked')) { return confirm("Are you sure?"); } }); }); 여기서 .change() 는 확인란 상태로 텍스트 상자 값을 업데이트합니다. .click() 을 사용하여 선택 취소 작업을 확인합니다. 사용자가 ..

728x90
반응형