728x90
반응형

jQuery 153

jQuery를 사용하여 "disabled"속성을 제거하는 방법

질문 : jQuery를 사용하여 "disabled"속성을 제거하는 방법은 무엇입니까? 처음에는 입력을 비활성화 한 다음 링크를 클릭하여 활성화해야합니다. 이것은 내가 지금까지 시도했지만 작동하지 않습니다. HTML : jQuery : $("#edit").click(function(event){ event.preventDefault(); $('.inputDisabled').removeAttr("disabled") }); 이것은 나에게 true 과 false 보여 주지만 입력에 대한 변화는 없다. $("#edit").click(function(event){ alert(''); event.preventDefault(); alert($('.inputDisabled').attr('disabled')); $('.i..

jQuery Ajax 호출 후 리디렉션 요청을 관리하는 방법

질문 : jQuery Ajax 호출 후 리디렉션 요청을 관리하는 방법 $.post() 를 사용하여 Ajax를 사용하여 서블릿을 호출 한 다음 결과 HTML 조각을 사용하여 사용자의 현재 페이지에서 div 그러나 세션 시간이 초과되면 서버는 리디렉션 지시문을 보내 사용자를 로그인 페이지로 보냅니다. 이 경우 jQuery는 div 요소를 로그인 페이지의 내용으로 대체하여 사용자의 눈으로 드문 장면을 실제로 목격하게 만듭니다. jQuery 1.2.6을 사용하여 Ajax 호출에서 리디렉션 지시문을 관리하려면 어떻게해야합니까? 답변 이 질문을 읽고 브라우저가 리디렉션을 투명하게 처리하는 것을 피하기 위해 응답 HTTP 상태 코드 를 278로 설정하는 것과 관련하여 언급 된 접근 방식을 구현했습니다. 이것이 효과가..

jQuery.each () util에서 다음 반복으로 건너 뛰는 방법

질문 : jQuery.each () util에서 다음 반복으로 건너 뛰는 방법은 무엇입니까? 요소 배열을 반복하려고합니다. jQuery의 문서에 따르면 다음과 같습니다. jquery.Each () 문서 false가 아닌 값을 반환하는 것은 for 루프의 continue 문과 동일하며 즉시 다음 반복으로 건너 뜁니다. 나는 '거짓이 아닌 반환'이라고 부르려고 시도했습니다. 및 '거짓이 아님' (sans return) 어느 것도 다음 반복으로 건너 뛰지 않습니다. 대신 루프를 끊습니다. 내가 무엇을 놓치고 있습니까? 답변 거짓이 아니라는 의미는 다음과 같습니다. return true; 그래서 : var arr = ["one", "two", "three", "four", "five"]; $.each(arr, ..

jQuery에서 여러 CSS 속성을 정의하는 방법

질문 : jQuery에서 여러 CSS 속성을 정의하는 방법은 무엇입니까? jQuery에 다음과 같이 모든 것을 오른쪽으로 묶지 않고 여러 CSS 속성을 정의하는 구문 적 방법이 있습니까? $("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt"); 예를 들어이 중 20 개가 있으면 코드를 읽기 어렵게됩니다. 해결책이 있습니까? 예를 들어 jQuery API에서 jQuery는 두 가지 모두에 대해 올바른 값을 이해하고 반환합니다. .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) 과 .css({backgroundColor: "#ffe", bor..

어떤 버전의 jQuery가 로드되었는지 확인하는 방법

질문 : 어떤 버전의 jQuery가로드되었는지 확인하는 방법은 무엇입니까? 클라이언트 시스템에로드 된 jQuery 버전을 어떻게 확인합니까? 클라이언트에 jQuery가로드되어있을 수 있지만 확인하는 방법을 모르겠습니다. 로드 된 경우 다음과 같은 버전과 접두사를 어떻게 확인합니까? $('.class') JQuery('.class') 답변 if (typeof jQuery != 'undefined') { // jQuery is loaded => print the version alert(jQuery.fn.jquery); } 출처 : https://stackoverflow.com/questions/6973941/how-to-check-what-version-of-jquery-is-loaded

<select> 에 option을 추가하는 손쉬운 방법

질문 : 옵션 추가jQuery를 사용하십니까? jQuery를 사용하여 드롭 다운에 option 을 추가하는 가장 쉬운 방법은 무엇입니까? 작동할까요? $("#mySelect").append('My option'); 답변 이것은 IE8에서 작동하지 않았습니다 (아직 FF에서는 작동했습니다). $("#selectList").append(new Option("option text", "value")); 이 작업은 : var o = new Option("option text", "value"); /// jquerify the DOM object 'o' so we can use the html method $(o).html("option text"); $("#selectList").append(o); 출처 : h..

jQuery를 사용하여 배열에서 특정 값을 제거하는 방법

질문 : jQuery를 사용하여 배열에서 특정 값을 제거하는 방법다음과 같은 배열이 있습니다. var y = [1, 2, 3];배열 y 2 를 제거하고 싶습니다.jQuery를 사용하여 배열에서 특정 값을 제거하려면 어떻게해야합니까? 나는 pop() 시도했지만 항상 마지막 요소를 제거합니다.답변작동하는 JSFIDDLE다음과 같이 할 수 있습니다.var y = [1, 2, 2, 3, 2] var removeItem = 2; y = jQuery.grep(y, function(value) { return value != removeItem; }); 결과:[1, 3] http://snipplr.com/view/14381/remove-item-from-array-with-jquery/출처 : https://stac..

jQuery AJAX 제출 양식

질문 : jQuery AJAX 제출 양식 이름이 orderproductForm 이고 입력 수가 정의되지 않은 양식이 있습니다. 어떤 종류의 jQuery.get 또는 ajax 또는 Ajax를 통해 페이지를 호출하고 orderproductForm 양식의 모든 입력을 함께 보내는 것과 같은 작업을 수행하고 싶습니다. 한 가지 방법은 다음과 같은 작업을 수행하는 것입니다. jQuery.get("myurl", {action : document.orderproductForm.action.value, cartproductid : document.orderproductForm.cartproductid.value, productid : document.orderproductForm.productid.value, ... ..

jQuery 또는 getElementById와 같은 DOM 메서드가 요소를 찾지 못하는 이유

질문 : jQuery 또는 getElementById와 같은 DOM 메서드가 요소를 찾지 못하는 이유는 무엇입니까? document.getElementById , $("#id") 또는 기타 DOM 메소드 / jQuery 선택기가 요소를 찾지 못하는 이유는 무엇입니까? 예제 문제는 다음과 같습니다. jQuery가 이벤트 핸들러를 자동으로 바인딩하지 못함 jQuery "getter"메서드 ( .val() , .html() , .text() ) undefined null 반환하는 표준 DOM 메서드로 인해 여러 오류가 발생합니다. 포착되지 않은 TypeError : null의 '...'속성을 설정할 수 없습니다. Uncaught TypeError : null의 '...'속성을 읽을 수 없습니다. 가장 일반적인..

jQuery Ajax 파일 업로드

질문 : jQuery Ajax 파일 업로드다음 jQuery 코드를 사용하여 ajax 요청의 POST 메서드를 사용하여 파일 업로드를 수행 할 수 있습니까?$.ajax({ type: "POST", timeout: 50000, url: url, data: dataString, success: function (data) { alert('success'); return false; } }); 가능하다면 data 부분을 채워야합니까? 올바른 방법입니까? 나는 서버 측에만 파일을 게시합니다.나는 인터넷 검색을 해왔지만 내가 찾은 것은 내 계획에서 나는 그것을 사용하고 싶지 않은 동안 플러그인이었다. 적어도 지금은.답변AJAX를 통한 파일 업로드는 불가능합니다. IFrame 을 사용하면 페이지를 새로 고침하지 않고..

Google API의 최신 jQuery 라이브러리에 대한 링크

질문 : Google API의 최신 jQuery 라이브러리에 대한 링크가 있습니까? 그러나 jQuery 1.11.1 이후 jQuery와 Google 모두 이러한 URL 업데이트를 중단했습니다. 1.11.1에서 영구적 으로 수정됩니다. 사용할 수있는 대체 URL이 없습니다. 이러한 경우에 대한 설명은이 블로그 게시물을 참조하십시오. jquery-latest.js를 사용하지 마십시오 . 두 호스트 모두 https 및 http 지원하므로 필요에 따라 프로토콜을 변경하십시오 (또는 프로토콜 상대 URI 사용 ). 참조 : https://developers.google.com/speed/libraries/devguide 출처 : https://stackoverflow.com/questions/441412/is-t..

동일한 기능을 트리거하는 jQuery 여러 이벤트

질문 : 동일한 기능을 트리거하는 jQuery 여러 이벤트keyup , keypress , blur 및 change 이벤트가 한 줄에서 동일한 함수를 호출하도록하는 방법이 있습니까? 아니면 개별적으로 수행해야합니까?내가 가진 문제는 db 조회로 일부 데이터의 유효성을 검사해야하고 상자에 입력하든 붙여 넣든 상관없이 어떤 경우에도 유효성 검사가 누락되지 않았는지 확인하고 싶습니다.답변.on() 을 사용하여 함수를 여러 이벤트에 바인딩 할 수 있습니다.$('#element').on('keyup keypress blur change', function(e) { // e.type is the type of event fired }); 또는 매개 변수로 함수를 일반 이벤트 함수에 전달하십시오.var myFunct..

Node.js와 함께 jQuery를 사용하는 방법

질문 : Node.js와 함께 jQuery를 사용할 수 있습니까? Node.js를 사용하여 서버 측에서 jQuery 선택기 / DOM 조작을 사용할 수 있습니까? 답변 업데이트 (27-Jun-18) jsdom 에 대한 주요 업데이트로 인해 원래 답변이 더 이상 작동하지 않는 것 같습니다. 지금 jsdom 을 사용하는 방법을 설명하는 이 답변을 찾았습니다. 아래 관련 코드를 복사했습니다. var jsdom = require("jsdom"); const { JSDOM } = jsdom; const { window } = new JSDOM(); const { document } = (new JSDOM('')).window; global.document = document; var $ = jQuery = req..

jQuery로 왼쪽과 오른쪽 마우스 클릭을 구별하는 방법

질문 : jQuery로 왼쪽과 오른쪽 마우스 클릭을 구별하는 방법jQuery를 사용하여 클릭 한 마우스 버튼을 어떻게 얻습니까?$('div').bind('click', function(){ alert('clicked'); }); 이것은 오른쪽과 왼쪽 클릭에 의해 트리거됩니다. 오른쪽 마우스 클릭을 잡을 수있는 방법은 무엇입니까? 아래와 같은 것이 있으면 기쁩니다.$('div').bind('rightclick', function(){ alert('right mouse button is pressed'); }); 답변jQuery 버전 1.1.3부터 event.which event.keyCode 및 event.charCode 정규화하므로 브라우저 호환성 문제에 대해 걱정할 필요가 없습니다. event.whic..

jQuery를 사용하여 드롭 다운 목록 (선택 상자)에서 선택한 텍스트 가져 오기

질문 : jQuery를 사용하여 드롭 다운 목록 (선택 상자)에서 선택한 텍스트 가져 오기jQuery의 드롭 다운 목록 에서 선택한 텍스트 (선택한 값이 아님)를 어떻게 얻을 수 있습니까?답변$("#yourdropdownid option:selected").text(); 출처 : https://stackoverflow.com/questions/1643227/get-selected-text-from-a-drop-down-list-select-box-using-jquery

선택기가 jQuery에서 일치하는지 확인 하는 방법

질문 : 선택기가 jQuery에서 일치하는지 어떻게 확인합니까? Mootools에서는 if ($('target')) { ... } 합니다. if ($('#target')) { ... } 이 같은 방식으로 작동합니까? 답변 다른 댓글 작성자가 가장 효율적인 방법을 제안하고 있으므로 다음과 같습니다. if ($(selector).length ) { // Do something } 만약 당신이 반드시 exist () 함수를 가지고 있어야한다면-더 느려질-당신은 할 수 있습니다 : jQuery.fn.exists = function(){return this.length>0;} 그런 다음 코드에서 사용할 수 있습니다. if ($(selector).exists()) { // Do something } 여기에 대답했듯..

jQuery AJAX 교차 도메인

질문 : jQuery AJAX 교차 도메인다음은 test.php와 testserver.php의 두 페이지입니다.test.php testserver.php 이제 내 문제 :이 두 파일이 동일한 서버 (localhost 또는 웹 서버)에 있으면 작동하고 alert("Success") 가 호출됩니다. 다른 서버에있는 경우 웹 서버의 testserver.php와 localhost의 test.php를 의미하며 작동하지 않으며 alert("Error") 가 실행 중입니다. ajax 내부의 URL이 http://domain.com/path/to/file/testserver.php로 변경된 경우에도답변JSONP를 사용하십시오.jQuery :$.ajax({ url:"testserver.php", dataType: 'js..

jQuery로 input을 disabled/ enable 하는 방법

질문 : jQuery로 입력을 비활성화 / 활성화 하시겠습니까? $input.disabled = true; 또는 $input.disabled = "disabled"; 표준 방법은 무엇입니까? 반대로 비활성화 된 입력을 어떻게 활성화합니까? 답변 disabled 속성을 변경하려면 .prop() 함수를 사용해야합니다. $("input").prop('disabled', true); $("input").prop('disabled', false); .prop() 함수는 존재하지 않지만 .attr() 은 유사합니다. 비활성화 된 속성을 설정합니다. $("input").attr('disabled','disabled'); 다시 활성화하려면 적절한 방법은 .removeAttr() $("input").removeAttr(..

jQuery 드롭 다운에서 선택한 옵션 가져 오기

질문 : jQuery 드롭 다운에서 선택한 옵션 가져 오기일반적으로 $("#id").val() 을 사용하여 선택한 옵션의 값을 반환하지만 이번에는 작동하지 않습니다. 선택한 태그의 ID는 aioConceptNameHTML 코드Name choose io roma totti 답변드롭 다운 옵션의 경우 다음과 같은 것을 원할 것입니다.var conceptName = $('#aioConceptName').find(":selected").text(); val() 이 트릭을 수행하지 않는 이유는 옵션을 클릭해도 드롭 다운의 값이 변경되지 않기 때문입니다. 드롭 다운 의 자식 인 선택한 옵션에 :selected 속성 만 추가하기 때문입니다.출처 : https://stackoverflow.com/questions/10..

jQuery에서 PUT / DELETE 요청을 보내는 방법

질문 : jQuery에서 PUT / DELETE 요청을 보내는 방법은 무엇입니까? GET : $.get(..) POST : $.post().. PUT/DELETE 어떻습니까? 답변 ajax 방법을 사용할 수 있습니다. $.ajax({ url: '/script.cgi', type: 'DELETE', success: function(result) { // Do something with the result } }); 출처 : https://stackoverflow.com/questions/2153917/how-to-send-a-put-delete-request-in-jquery

jQuery로 현재 URL을 얻는 방법

질문 : jQuery로 현재 URL을 얻으시겠습니까? jQuery를 사용하고 있습니다. 현재 URL의 경로를 가져 와서 변수에 할당하려면 어떻게해야합니까? URL 예 : http://localhost/menuname.de?foo=bar&number=0 답변 경로를 얻으려면 다음을 사용할 수 있습니다. var pathname = window.location.pathname; // Returns path only (/path/example.html) var url = window.location.href; // Returns full URL (https://example.com/path/example.html) var origin = window.location.origin; // Returns base U..

jQuery에서 5초마다 함수를 호출하는 가장 쉬운 방법

질문 : jQuery에서 5 초마다 함수를 호출하는 가장 쉬운 방법은 무엇입니까? JQuery, 5 초마다 함수를 호출하는 방법. 슬라이드 쇼에서 이미지 변경을 자동화하는 방법을 찾고 있습니다. 가능하면 다른 타사 플러그인을 설치하지 않고 싶습니다. 답변 이를 위해 jquery가 필요하지 않습니다. 일반 자바 스크립트에서는 다음이 작동합니다! var intervalId = window.setInterval(function(){ /// call your function here }, 5000); 루프를 중지하려면 다음을 사용할 수 있습니다. clearInterval(intervalId) 출처 : https://stackoverflow.com/questions/2170923/whats-the-easiest-..

Google의 호스팅 된 jQuery를 사용하는 가장 좋은 방법이지만 Google의 호스팅 된 라이브러리로 대체 실패

질문 : Google의 호스팅 된 jQuery를 사용하는 가장 좋은 방법이지만 Google의 호스팅 된 라이브러리로 대체 실패 Google (또는 다른 Google 호스팅 라이브러리)에서 호스팅 된 jQuery 를로드하려고 시도하지만 Google 시도가 실패하면 내 jQuery 사본을로드하는 좋은 방법은 무엇입니까? 나는 Google이 불안정하다는 것을 말하는 것이 아닙니다. Google 사본이 차단되는 경우가 있습니다 (예를 들어 이란에서 분명히 나타남). 타이머를 설정하고 jQuery 객체를 확인합니까? 두 복사본이 모두 통과하면 어떤 위험이 있습니까? "Google을 사용하십시오"또는 "자신의 것을 사용하십시오"와 같은 답을 찾지 않습니다. 나는 그 주장을 이해합니다. 또한 사용자가 Google 버..

액세스 제어 요청 헤더, jQuery를 사용하여 AJAX 요청의 헤더에 추가됨

질문 : 액세스 제어 요청 헤더, jQuery를 사용하여 AJAX 요청의 헤더에 추가됨 jQuery의 AJAX POST 요청에 사용자 지정 헤더를 추가하고 싶습니다. 나는 이것을 시도했다 : $.ajax({ type: 'POST', url: url, headers: { "My-First-Header":"first value", "My-Second-Header":"second value" } //OR //beforeSend: function(xhr) { // xhr.setRequestHeader("My-First-Header", "first value"); // xhr.setRequestHeader("My-Second-Header", "second value"); //} }).done(function(da..

jQuery를 사용하여 이름으로 요소를 선택하는 방법

질문 : jQuery를 사용하여 이름으로 요소를 어떻게 선택할 수 있습니까? 확장하고 숨기려는 테이블 열이 있습니다. jQuery는 요소 name class 별로 선택할 때 요소를 숨기는 것 같습니다. 예를 들면 : $(".bold").hide(); // Selecting by class works. $("tcol1").hide(); // Selecting by name does not work. 아래 HTML을 참고하십시오. 두 번째 열은 모든 행에 대해 name name 속성을 사용하여이 컬렉션을 어떻게 만들 수 있습니까? data1 data2 data1 data2 data1 data2 답변 jQuery 속성 선택기를 사용할 수 있습니다. $('td[name="tcol1"]') // Matches e..

728x90
반응형