728x90
반응형

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

jQuery selector 정규식

질문 : jQuery 선택기 정규식 jQuery 선택기와 함께 와일드 카드 또는 정규식 (정확한 용어에 대해서는 확실하지 않음) 사용에 대한 문서를 찾고 있습니다. 나는 이것을 직접 찾았지만 구문 및 사용 방법에 대한 정보를 찾을 수 없습니다. 구문에 대한 문서가 어디에 있는지 아는 사람이 있습니까? 편집 : 속성 필터를 사용하면 속성 값의 패턴을 기반으로 선택할 수 있습니다. 답변 James Padolsey는 정규식을 선택에 사용할 수있는 멋진 필터를 만들었습니다. div 가 있다고 가정합니다. Padolsey의 :regex 필터는 다음과 같이 선택할 수 있습니다. $("div:regex(class, .*sd.*)") 또한 선택자에 대한 공식 문서를 확인하십시오. jQuery.expr[':'] 는 이미..

객체가 jQuery 객체인지 확인

질문 : 객체가 jQuery 객체인지 확인 객체가 jQuery 객체인지 네이티브 JavaScript 객체인지 확인하는 빠른 방법이 있습니까? 예: var o = {}; var e = $('#element'); function doStuff(o) { if (o.selector) { console.log('object is jQuery'); } } doStuff(o); doStuff(e); 분명히 위의 코드는 작동하지만 안전하지 않습니다. 잠재적으로 선택기 키를 o 객체에 추가하고 동일한 결과를 얻을 수 있습니다. 객체가 실제로 jQuery 객체인지 확인하는 더 좋은 방법이 있습니까? (typeof obj == 'jquery') 와 일치하는 것 답변 instanceof 연산자를 사용할 수 있습니다. if (..

jQuery에서 로딩 스피너를 표시하는 방법

질문 : jQuery에서 로딩 스피너를 표시하는 방법은 무엇입니까? 프로토 타입 에서 다음 코드로 "로드 중 ..."이미지를 표시 할 수 있습니다. var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} ); function showLoad () { ... } jQuery 에서 다음과 같이 요소에 서버 페이지를로드 할 수 있습니다. $('#message').load('index.php?pg=ajaxFlashcard'); 하지만 프로토 타입에서했던 것처럼이 명령에 로딩 스피너를 어떻게 연결합니까? 답변 몇 가지 방법이 있습니다. 내가 선호하는 방법은 요소..

jQuery를 사용하여 드롭 다운 목록의 선택한 값 변경

질문 : jQuery를 사용하여 드롭 다운 목록의 선택한 값 변경 알려진 값이있는 드롭 다운 목록이 있습니다. 내가하려는 것은 jQuery를 사용하여 존재하는 특정 값으로 드롭 다운 목록을 설정하는 것입니다. 일반 JavaScript를 사용하여 다음과 같이합니다. ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too. 그러나 선택기 (어리석은 ASP.NET 클라이언트 ID ...)에 CSS 클래스를 사용하고 있기 때문에 jQuery 로이 작업을 수행해야합니다. 내가 시도한 몇 가지 사항은 다음과 같습니다. $("._statusDDL").val(2); //..

jQuery없이 AJAX 호출을 만드는 방법

질문 : jQuery없이 AJAX 호출을 만드는 방법은 무엇입니까? jQuery를 사용하지 않고 JavaScript를 사용하여 AJAX 호출을 만드는 방법은 무엇입니까? 답변 "바닐라"JavaScript 사용 : jQuery 사용 : $.ajax({ url: "test.html", context: document.body, success: function(){ $(this).addClass("done"); } }); 출처 : https://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery

jQuery를 사용하여 텍스트를 클립 보드에 복사하는 방법

질문 : jQuery를 사용하여 클립 보드에 복사 버튼 클릭 div 내부의 텍스트를 클립 보드에 복사하려면 어떻게해야합니까? div가 있고 클립 보드에 텍스트를 추가 할 링크를 추가해야합니다. 이에 대한 해결책이 있습니까? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s copy Text 텍스트 복사를 클릭 한 다음 Ctrl + V를 누르면 붙여 넣어야합니다. 답변 2016 년 수정 2016 년부터는 대부분의 브라우저에서 선택 항목에서 작동 document.execCommand("co..

jQuery Select에 특정 옵션 태그 텍스트 가져오기

질문 : jQuery는 특정 옵션 태그 텍스트를 얻습니다. 좋아, 내가 이걸 가지고 있다고 말해봐 Option A Option B Option C 값이 '2'인 경우 "Option B"를 얻으려면 선택기가 어떻게 생겼습니까? 이것은 선택한 텍스트 값을 얻는 방법을 묻는 것이 아니라 값 속성에 따라 선택 여부에 관계없이 그중 하나만 묻는 것입니다. 나는 시도했다 : $("#list[value='2']").text(); 그러나 작동하지 않습니다. 답변 속성 value 이 2 list 이있는 요소를 찾고 있습니다. 원하는 것은 list option 자식입니다. $("#list option[value='2']").text() 출처 : https://stackoverflow.com/questions/196684/..

jQuery를 사용하여 form submit하기

질문 : jQuery를 사용하여 양식 제출 [닫기] jQuery를 사용하여 양식을 제출하고 싶습니다. 누군가 코드, 데모 또는 예제 링크를 제공 할 수 있습니까? 답변 양식을 정상적으로 제출하는지 또는 AJAX 호출을 통해 제출하는지에 따라 다릅니다. 예제가있는 문서를 포함하여 jquery.com 에서 많은 정보를 찾을 수 있습니다. 양식을 정상적으로 제출하려면 submit() 메서드를 확인하십시오. AJAX의 ajax() 또는 post() 메소드를 사용하고 싶을 수 있지만 다양한 가능성이 있습니다. post() 는 간단하고 제한된 인터페이스를 사용 ajax() 메서드를 호출하는 정말 편리한 방법입니다. 내가 매일 사용하는 중요한 리소스는 북마크에 추가해야하는 How jQuery Works 입니다. jQ..

jQuery를 사용하여 CSS display 속성을 변경하는 방법

질문 : jQuery를 사용하여 CSS 표시 없음 또는 차단 속성을 어떻게 변경할 수 있습니까? jQuery를 사용하여 CSS 표시 없음 또는 차단 속성을 어떻게 변경할 수 있습니까? 답변 이를 수행하는 올바른 방법은 show 및 hide 를 사용하는 것입니다. $('#id').hide(); $('#id').show(); 다른 방법은 jQuery css 메서드를 사용하는 것입니다. $("#id").css("display", "none"); $("#id").css("display", "block"); 출처 : https://stackoverflow.com/questions/3582619/how-can-i-change-css-display-none-or-block-property-using-jquery

jQuery 개체에 등록된 이벤트 처리기 찾기

질문 : jQuery는 객체에 등록 된 이벤트 핸들러를 찾습니다. 개체에 등록 된 이벤트 처리기를 찾아야합니다. 예를 들면 : $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el") 에 클릭 및 마우스 오버가 등록되었습니다. 그것을 알아 내고 이벤트 핸들러를 반복하는 함수가 있습니까? 적절한 메소드를 통해 jQuery 객체에서 가능하지 않은 경우 일반 DOM 객체에서 가능합니까? 답변 jQuery 1.8부터 이벤트 데이터는 더 이상 데이터 용 "공용 API"에서 사용할 수 없습니다. 이 jQuery 블로그 게시물을 읽어보십시오. 이제 이것을 대신 사용해야합니다. jQuery._data( elem, "events" )..

jQuery에서 요소가 숨겨져 있는지 확인하는 방법

질문 : jQuery에서 요소가 숨겨져 있는지 어떻게 확인합니까? .hide() , .show() 또는 .toggle() 함수를 사용하여 요소의 가시성을 전환 할 수 있습니까? visible 되는지 또는 hidden 있는지 어떻게 테스트 하시겠습니까? 답변 질문이 단일 요소를 참조하므로이 코드가 더 적합 할 수 있습니다. // Checks CSS content for display:[none|block], ignores visibility:[true|false] $(element).is(":visible"); // The same works with hidden $(element).is(":hidden"); twernt의 제안 과 동일하지만 단일 요소에 적용됩니다. jQuery FAQ에서 권장하는 알고리..

jQuery에서 텍스트 영역 값 설정

질문 : jQuery에서 텍스트 영역 값 설정 다음 코드와 함께 jquery를 사용하여 textarea 필드에 값을 설정하려고합니다. $("textarea#ExampleMessage").attr("value", result.exampleMessage); 문제는이 코드가 실행되면 텍스트 영역의 텍스트를 변경하지 않는다는 것입니다. 그러나 alert($("textarea#ExampleMessage").attr("value")) 하면 새로 설정된 값이 반환됩니까? 답변 시도해 보셨습니까? $("textarea#ExampleMessage").val(result.exampleMessage); 출처 : https://stackoverflow.com/questions/415602/set-value-of-textare..

PHP를 사용한 jQuery Ajax POST 예제

질문 : PHP를 사용한 jQuery Ajax POST 예제 양식에서 데이터베이스로 데이터를 보내려고합니다. 내가 사용하는 양식은 다음과 같습니다. A bar 일반적인 접근 방식은 양식을 제출하는 것이지만 이로 인해 브라우저가 리디렉션됩니다. jQuery 및 Ajax를 사용하면 양식의 모든 데이터를 캡처하여 PHP 스크립트 (예 : form.php )에 제출할 수 있습니까? 답변 .ajax 기본 사용법은 다음과 같습니다. HTML : A bar jQuery : // Variable to hold request var request; // Bind to the submit event of our form $("#foo").submit(function(event){ // Prevent default post..

jQuery - 텍스트 내용을 통해 select의 value를 설정하는 방법

질문 : jQuery-텍스트 설명을 통해 선택 컨트롤의 선택된 값 설정 선택 컨트롤이 있고 javascript 변수에 텍스트 문자열이 있습니다. jQuery를 사용하여 선택 컨트롤의 선택된 요소를 내가 가지고있는 텍스트 설명이있는 항목으로 설정하고 싶습니다 (내가 가지고 있지 않은 값과 반대). 나는 그것을 가치로 설정하는 것이 매우 사소하다는 것을 알고 있습니다. 예 : $("#my-select").val(myVal); 그러나 나는 텍스트 설명을 통해 그것을하는 것에 약간 난처합니다. 텍스트 설명에서 가치를 알아낼 수있는 방법이있을 것 같지만, 제 두뇌는 금요일 오후에 너무 많아서 해결할 수 없습니다. 답변 jQuery 1.6 이하 1.4 이상 버전 var text1 = 'Two'; $("select ..

jQuery를 사용하여 select의 선택된 값 가져 오기

질문 : jQuery를 사용하여 드롭 다운 항목의 선택된 값 가져 오기 jQuery를 사용하여 드롭 다운 상자의 선택된 값을 어떻게 얻을 수 있습니까? 나는 사용해 보았다 var value = $('#dropDownId').val(); 과 var value = $('select#dropDownId option:selected').val(); 그러나 둘 다 빈 문자열을 반환합니다. 답변 단일 선택 DOM 요소의 경우 현재 선택된 값을 가져 오려면 다음을 수행하십시오. $('#dropDownId').val(); 현재 선택된 텍스트를 가져 오려면 : $('#dropDownId :selected').text(); 출처 : https://stackoverflow.com/questions/2780566/get-se..

jQuery $ (document) .ready 및 UpdatePanels

질문 : jQuery $ (document) .ready 및 UpdatePanels? jQuery를 사용하여 UpdatePanel 내부의 요소에 마우스 오버 효과를 연결하고 있습니다. 이벤트는 $(document).ready 바인딩됩니다. 예를 들면 : $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); 물론 이것은 페이지가 처음로드 될 때 잘 작동하지만 UpdatePanel이 부분 페이지 업데이트를 수행하면 실행되지 않고 마우스 오버 효과가 UpdatePanel 내에서 더 이상 작동하지 않습니다. 첫 번째 페이지로드뿐만 아니라 UpdatePanel이 부분 페이지 업데이트를 실행할 때마다 ..

JQuery에서 each () 함수를 중단 / 종료하는 방법

질문 : JQuery에서 each () 함수를 중단 / 종료하는 방법은 무엇입니까? 몇 가지 코드가 있습니다. $(xml).find("strengths").each(function() { //Code //How can i escape from this block based on a condition. }); 조건에 따라 "각"코드 블록에서 어떻게 벗어날 수 있습니까? 다음과 같은 것이 있으면 어떨까요? $(xml).find("strengths").each(function() { $(this).each(function() { //I want to break out from both each loops at the same time. }); }); 내부 "각각"함수에서 "각각"함수를 모두 분리 할 수 있습니..

jQuery 체크박스를 체크하는 방법

질문 : jQuery 세트 확인란이 선택됨 이미 가능한 모든 방법을 시도했지만 여전히 작동하지 않았습니다. 내가 가진 모달 창이 checkbox 내가 모달가 열리면 것을 원하는 checkbox 체크하거나 선택 해제가 데이터베이스 값을 기반으로해야합니다. (이미 다른 양식 필드와 함께 작업하고 있습니다.) 확인하려고 시도했지만 작동하지 않았습니다. 내 HTML div : ... Estado 및 jQuery : $("#estado_cat").prop( "checked", true ); 나는 또한 attr 및 여기 포럼에서 본 다른 것들로 시도했지만 아무것도 작동하지 않는 것 같습니다. 누군가 나를 올바른 길로 안내 할 수 있습니까? 좋아, 여기에 뭔가 빠졌어. 체크 박스가 페이지에있는 경우 코드를 사용하여 ..

요소에 속성이 있는지 확인하는 jQuery hasAttr

질문 : 요소에 속성이 있는지 확인하는 jQuery hasAttr jQuery의 요소에 속성이 있는지 어떻게 확인합니까? hasClass 와 비슷하지만 attr ? 예를 들면 if ($(this).hasAttr("name")) { // ... } 답변 var attr = $(this).attr('name'); // For some browsers, `attr` is undefined; for others, // `attr` is false. Check for both. if (typeof attr !== 'undefined' && attr !== false) { // ... } 출처 : https://stackoverflow.com/questions/1318076/jquery-hasattr-checkin..

radio 버튼이 JQuery로 선택되어 있는지 확인하십시오.

질문 : 라디오 버튼이 JQuery로 선택되어 있는지 확인하십시오. 라디오 버튼을 잘 체크하도록 설정할 수 있지만, 원하는 것은 특정 라디오 버튼이 체크되면 활성화되는 일종의 '리스너'를 설정하는 것입니다. 예를 들어 다음 코드를 살펴보십시오. $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); 확인 된 속성을 추가하고 모든 것이 잘되지만 경고를 추가하는 방법은 무엇입니까? 예를 들어, 클릭 기능의 도움없이 라디오 버튼을 선택하면 팝업이 표시됩니까? 답변 $('#element').click(function() { if($('#radio_button').is(':checked')) { alert("it's c..

jQuery는 select onChange의 값을 얻는 방법

질문 : jQuery는 select onChange의 값을 얻습니다. $(this).val(); 을 수행하여 선택 입력의 값을 얻을 수 있다는 인상을 받았습니다. 선택 필드에 onchange 매개 변수를 적용하는 단계를 포함합니다. ID를 참조하는 경우에만 작동하는 것처럼 보입니다 이것을 사용하여 어떻게합니까? 답변 이 시도- $('select').on('change', function() { alert( this.value ); }); One Two onchange 이벤트로 참조 할 수도 있습니다. function getval(sel) { alert(sel.value); } One Two 출처 : https://stackoverflow.com/questions/11179406/jquery-get-val..

jquery를 사용하여 체크박스을 선택 / 선택 취소 하는 방법

질문 : jquery를 사용하여 확인란을 선택 / 선택 취소 하시겠습니까? 내 페이지에 일부 입력 텍스트 필드가 있으며 JavaScript를 사용하여 해당 값을 표시하고 있습니다. .set("value","") 함수를 사용하여 값을 편집하고, 추가 확인란 필드를 추가하고, 값을 전달합니다. 여기서 value == 1 이면이 확인란을 선택해야합니다. 그렇지 않으면 선택되지 않은 상태로 유지되어야합니다. 두 개의 div를 사용하여이 작업을 수행했지만 그게 불편합니다. 다른 해결책이 있습니까? if(value == 1) { $('#uncheck').hide(); $('#check').show(); } else{ $('#uncheck').show(); $('#check').hide(); } 답변 jQuery 1..

jQuery를 사용하여 Bootstrap madal 창을 여는 방법

질문 : jQuery를 사용하여 Bootstrap 모달 창을 여는 방법은 무엇입니까? Twitter Bootstrap 모달 창 기능을 사용하고 있습니다. 누군가 내 양식에서 제출을 클릭하면 양식에서 "제출 버튼"을 클릭하면 모달 창이 표시됩니다. BootStap Wizard Form × Modal header One fine body… Close Save changes jQuery : $('#myform').on('submit', function(ev) { $('#my-modal').modal({ show: 'false' }); var data = $(this).serializeObject(); json_data = JSON.stringify(data); $("#results").text(json_dat..

jQuery에서 Ajax 요청으로 FormData 객체를 보내는 방법

질문 : jQuery에서 Ajax 요청으로 FormData 객체를 보내는 방법은 무엇입니까? XMLHttpRequest 레벨 2 표준 (여전히 작업 초안)은 FormData 인터페이스를 정의합니다. 이 인터페이스를 사용하면 XHR 요청 (Ajax 요청)에 File Btw, 이것은 새로운 기능입니다. 과거에는 "hidden-iframe-trick"이 사용되었습니다 ( 다른 질문 에서 이에 대해 읽어보십시오). 작동 방식 (예) : var xhr = new XMLHttpRequest(), fd = new FormData(); fd.append( 'file', input.files[0] ); xhr.open( 'POST', 'http://example.com/script.php', true ); xhr.onr..

StackOverflow의 입력 태그와 같은 jQuery 자동 완성 태그 지정 플러그인

질문 : StackOverflow의 입력 태그와 같은 jQuery 자동 완성 태그 지정 플러그인? SO가 태그 입력에 사용하는 것과 동일한 자동 완성을 수행하는 솔루션은 무엇입니까? 한 단어를 처리 할 수있는 플러그인이 있지만 여러 단어를 처리하는 플러그인은 본 적이 없습니다. 답변 활동 순서, 사용 가능한 데모 / 예제 및 단순성 : ( 데모 ) https://github.com/yairEO/tagify ( 데모 ) https://github.com/aehlke/tag-it ( 데모 ) http://ioncache.github.com/Tag-Handler/ ( 데모 ) http://textextjs.com/ ( 데모 ) https://github.com/webworka/Tagedit ( 데모 ) htt..

728x90
반응형