코딩하다 현타올 때

질문 : jQuery를 통해 어떤 라디오 버튼이 선택되었는지 어떻게 알 수 있습니까? 두 개의 라디오 버튼이 있고 선택한 버튼의 값을 게시하고 싶습니다. jQuery로 어떻게 가치를 얻을 수 있습니까? 다음과 같이 모두 얻을 수 있습니다. $("form :radio") 어느 것이 선택되었는지 어떻게 알 수 있습니까? 답변 id가 myForm 양식에서 선택한 radioName 항목의 값을 가져 오려면 다음을 수행하십시오. $('input[name=radioName]:checked', '#myForm').val() 예를 들면 다음과 같습니다. $('#myForm input').on('change', function() { alert($('input[name=radioName]:checked', '#myFor..

질문 : jQuery를 사용하여 롤오버시 이미지 소스 변경 몇 개의 이미지와 롤오버 이미지가 있습니다. jQuery를 사용하여 onmousemove / onmouseout 이벤트가 발생할 때 롤오버 이미지를 표시하거나 숨기고 싶습니다. 내 모든 이미지 이름은 다음과 같이 동일한 패턴을 따릅니다. 원본 이미지 : Image.gif 롤오버 이미지 : Imageover.gif onmouseover 및 onmouseout 이벤트에서 각각 이미지 소스 의 "over" 부분을 삽입하고 제거하고 싶습니다. jQuery를 사용하여 어떻게 할 수 있습니까? 답변 준비 상태로 설정하려면 : $(function() { $("img") .mouseover(function() { var src = $(this).attr("sr..

질문 : jQuery.ajax로 multipart / formdata 보내기 jQuery의 ajax 함수를 사용하여 서버 측 PHP 스크립트에 파일을 보내는 데 문제가 있습니다. $('#fileinput').attr('files') 하여 파일 목록을 가져올 수 있지만이 데이터를 서버로 보낼 수있는 방법은 무엇입니까? 파일 입력을 사용할 때 서버 측 php-script의 결과 배열 ( $_POST NULL 가능하다는 것을 알고 있습니다 (지금까지 jQuery 솔루션을 찾지 못했지만 Prototye 코드 만 ( http://webreflection.blogspot.com/2009/03/safari-4-multiple-upload-with-progress.html ) ). 이것은 비교적 새로운 것으로 보이므로..

질문 : jQuery를 사용하여 요소의 ID를 어떻게 얻을 수 있습니까? 위의 방법이 작동하지 않는 이유는 무엇이며 어떻게해야합니까? 답변 jQuery 방식 : $('#test').attr('id') 귀하의 예에서 : $(document).ready(function() { console.log($('#test').attr('id')); }); 또는 DOM을 통해 : $('#test').get(0).id; 또는 : $('#test')[0].id; 그리고 JQuery에서 $('#test').get(0) $('#test')[0] 를 사용하는 이유는 $('#test') 가 JQuery 선택기이고 array ()를 반환한다는 것입니다. 기본 기능으로 단일 요소가 아닌 결과 jquery의 DOM 선택기에 대한 대안..

질문 : jQuery 각 루프에서 벗어나는 방법 each 루프에서 jQuery를 어떻게 중단합니까? 나는 시도했다 : return false; 루프에서 그러나 이것은 작동하지 않았습니다. 어떤 아이디어? 업데이트 2020 년 9 월 5 일 나는 return false; 잘못된 장소에서. 루프 안에 넣으면 모든 것이 작동했습니다. 답변 위해 break $.each 또는 $(selector).each 루프를, 당신은 반환해야 false 루프 콜백. true 반환하면 다음 반복으로 건너 뜁니다. 이는 일반 루프에서 continue $.each(array, function(key, value) { if(value === "foo") { return false; // breaks } }); // or $(sele..

질문 : jquery의 일반 패키지와 슬림 패키지의 차이점은 무엇입니까? CDNJS에서 jquery.slim 패키지가 배치됩니다. 크기가 더 작습니다. 원본과의 주요 차이점은 무엇입니까? 코드를 훑어 보아도 답을 얻지 못했고 https://jquery.com slim 패키지에 대한 참조를 찾지 못했습니다. jquery.js 와 jquery.slim.js 의 차이점은 무엇입니까? 답변 코드를 살펴보면 jquery.js와 jquery.slim.js 사이에 다음과 같은 차이점이 있습니다. jquery.slim.js에서 다음 기능이 제거되었습니다. jQuery.fn.extend jquery.fn.load jquery.each // 일반적인 AJAX 이벤트를 처리하기 위한 여러 함수 첨부 jQuery.expr.f..

질문 : jQuery를 사용하여 요소의 절대 위치를 어떻게 찾습니까? jQuery를 사용하여 요소의 절대 위치, 즉 창의 시작에 상대적인 위치를 찾는 방법이 있습니까? 답변 .offset() 은 요소의 오프셋 위치를 간단한 객체로 반환합니다. 예 : var position = $(element).offset(); // position = { left: 42, top: 567 } 이 반환 값을 사용하여 같은 지점에 다른 요소를 배치 할 수 있습니다. $(anotherElement).css(position) 출처 : https://stackoverflow.com/questions/683339/how-do-i-find-the-absolute-position-of-an-element-using-jquery

질문 : jQuery로 확인란이 선택되었는지 테스트 확인란이 선택되어 있으면 값을 1로만 가져 오면됩니다. 그렇지 않으면 0으로 가져와야합니다. jQuery를 사용하여 어떻게해야합니까? $("#ans").val() 은이 경우 항상 나에게 하나의 권리를줍니다. 답변 .is(':checked') 를 사용하여 선택 여부를 결정한 다음 그에 따라 값을 설정하십시오. 여기에 더 많은 정보가 있습니다. 출처 : https://stackoverflow.com/questions/4813219/testing-if-a-checkbox-is-checked-with-jquery

질문 : Webpack에서 jQuery 플러그인 종속성 관리 내 애플리케이션에서 Webpack을 사용하고 있는데, 여기에서 모든 JavaScript 파일 / 코드에 대한 bundle.js와 jQuery 및 React와 같은 모든 라이브러리에 대한 vendor.js의 두 가지 진입 점을 만듭니다. 종속성으로 jQuery가있는 플러그인을 사용하고이를 vendor.js에도 포함하려면 어떻게해야합니까? 해당 플러그인에 여러 종속성이 있으면 어떻게됩니까? 현재 https://github.com/mbklein/jquery-elastic 이 jQuery 플러그인을 사용하려고합니다. Webpack 문서에는 providePlugin 및 imports-loader가 언급되어 있습니다. providePlugin을 사용했지만..

질문 : 여러 요소에 대한 jQuery 동일한 클릭 이벤트 페이지의 다른 요소에 대해 동일한 코드를 실행하는 방법이 있습니까? $('.class1').click(function() { some_function(); }); $('.class2').click(function() { some_function(); }); 대신 다음과 같은 작업을 수행하십시오. $('.class1').$('.class2').click(function() { some_function(); }); 감사 답변 $('.class1, .class2').on('click', some_function); 또는: $('.class1').add('.class2').on('click', some_function); 이것은 기존 개체에서도 작동합니..

질문 : jQuery를 사용하여 이미지 소스 변경 내 DOM은 다음과 같습니다. 누군가 이미지를 클릭하면 이미지 src가 로 변경되기를 원합니다. 여기서 x 는 이미지 번호 1 또는 2를 나타냅니다. 이것이 가능합니까 아니면 이미지를 변경하기 위해 CSS를 사용해야합니까? 답변 jQuery의 attr () 함수를 사용할 수 있습니다. 예를 들어 img id 속성이있는 경우 다음을 수행합니다. 그런 다음 다음과 같이 jQuery를 사용하여 이미지 src $("#my_image").attr("src","second.jpg"); click 이벤트에 첨부하려면 다음과 같이 작성할 수 있습니다. $('#my_image').on({ 'click': function(){ $('#my_image').attr('src'..

질문 : jQuery에서 이벤트 핸들러를 제거하는 가장 좋은 방법은 무엇입니까? input type="image" 있습니다. 이것은 Microsoft Excel의 셀 노트처럼 작동합니다. 사람이있는 텍스트 상자에 숫자를 입력하면 input-image I 설정,과에 대한 이벤트 핸들러 짝을 input-image . 그런 다음 사용자가 image 클릭하면 데이터에 메모를 추가하는 작은 팝업이 표시됩니다. 내 문제는 사용자가 텍스트 상자에 0을 입력 할 때 input-image 의 이벤트 처리기를 비활성화해야한다는 것입니다. 다음을 시도했지만 아무 소용이 없습니다. $('#myimage').click(function { return false; }); 답변 jQuery 1.7 이상에서는 이벤트 API가 업데이..

질문 : jQuery로 'Enter'에 양식을 제출 하시겠습니까? HTML / jQuery를 사용하는 AIR 프로젝트의 이메일 텍스트 필드, 암호 필드 및 제출 버튼과 같은 bog 표준 로그인 양식이 있습니다. 양식에서 Enter 키를 누르면 전체 양식의 내용이 사라지지만 양식이 제출되지 않습니다. 이것이 Webkit 문제인지 (Adobe AIR는 HTML 용 Webkit을 사용함) 또는 내가 물건을 묶었는지 아는 사람이 있습니까? 나는 시도했다 : $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); 그러나 그것은 정리 행동을 멈추거나 양식을 제출하지 않았습니다. 양식과 관련된 작업이 없습니다. 문..

질문 : jQuery로 라디오 버튼을 확인하는 방법은 무엇입니까? jQuery로 라디오 버튼을 확인하려고합니다. 내 코드는 다음과 같습니다. 그리고 자바 스크립트 : jQuery("#radio_1").attr('checked', true); 작동하지 않음 : jQuery("input[value='1']").attr('checked', true); 작동하지 않음 : jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true); 작동하지 않음 : 다른 아이디어가 있습니까? 내가 무엇을 놓치고 있습니까? 답변 jQuery 1.6 이상 (> =) 버전의 경우 다음을 사용하십시오. $("#radio_1").prop("checked",..

질문 : jQuery.click () 대 onClick 거대한 jQuery 응용 프로그램이 있으며 클릭 이벤트에 대해 아래 두 가지 방법을 사용하고 있습니다. 첫 번째 방법 HTML Some Content jQuery $('#myDiv').click(function(){ //Some code }); 두 번째 방법 HTML Some Content JavaScript function call function divFunction(){ //Some code } 내 응용 프로그램에서 첫 번째 또는 두 번째 방법을 사용합니다. 어느 것이 더 낫습니까? 성능이 더 좋습니까? 그리고 표준? 답변 $('#myDiv').click(function(){ 것이 표준 이벤트 등록 모델을 따르기 때문에 더 좋습니다 . (jQu..

질문 : jQuery를 사용하여 Ajax 요청 중단 jQuery를 사용하여 아직 응답을받지 못한 Ajax 요청을 취소 / 중단 할 수 있습니까? 답변 대부분의 jQuery Ajax 메서드는 XMLHttpRequest (또는 이에 상응하는) 객체를 반환하므로 abort() 사용할 수 있습니다. 설명서를 참조하십시오. 중단 방법 ( MSDN ). 현재 HTTP 요청을 취소합니다. abort () ( MDN ). 요청이 이미 전송 된 경우이 메서드는 요청을 중단합니다. var xhr = $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg..

질문 : jQuery UI 대화 상자에서 닫기 버튼을 제거하는 방법은 무엇입니까? jQuery UI로 생성 된 대화 상자에서 닫기 버튼 (오른쪽 상단 모서리의 X) 을 제거하려면 어떻게해야합니까? 답변 나는 이것이 결국 작동한다는 것을 알았습니다 (버튼을 찾아서 숨기는 열기 기능을 재정의하는 세 번째 줄에 유의하십시오). $("#div2").dialog({ closeOnEscape: false, open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog || ui).hide(); } }); 모든 대화 상자에서 닫기 버튼을 숨기려면 다음 CSS도 사용할 수 있습니다. .ui-dialog-titlebar-close { visibility: hi..

질문 : jQuery 데이터 대 Attr? data-someAttribute 사용할 때 $.data 와 $.attr 사용법 차이는 무엇입니까? 내 이해는 $.data 가 DOM이 아닌 jQuery의 $.cache 따라서 데이터 저장에 $.cache $.data 사용해야합니다. HTML5 데이터 속성을 추가하려면 $.attr("data-attribute", "myCoolValue") 합니다. 답변 서버에서 DOM 요소로 데이터를 전달하는 경우 요소에 데이터를 설정해야합니다. foo! 그런 다음 jQuery에서 .data() 를 사용하여 데이터에 액세스 할 수 있습니다. console.log( $('#foo').data('foo') ); //outputs "bar" 그러나 데이터를 사용하여 jQuery의 D..

질문 : jQuery는 요소의 렌더링 된 높이를 얻습니까? 요소의 렌더링 된 높이를 어떻게 얻습니까? 내부에 내용 요소가 있다고 가정 해 보겠습니다. 의 높이를 늘릴 것입니다. 높이를 명시 적으로 설정하지 않은 경우 "렌더링 된"높이를 어떻게 얻습니까? 분명히 나는 시도했다. var h = document.getElementById('someDiv').style.height; 이 작업을 수행하는 트릭이 있습니까? 도움이된다면 jQuery를 사용하고 있습니다. 답변 그것은 단지 $('#someDiv').height(); jQuery로. 래핑 된 집합의 첫 번째 항목 높이를 숫자로 검색합니다. 사용하려고 .style.height 처음에 속성을 설정 한 경우에만 작동합니다. 별로 유용하지 않습니다! 출처 : ..

질문 : jQuery로 데이터 속성으로 요소 선택 data 속성을 기반으로 요소를 선택하는 쉽고 간단한 방법이 있습니까? 예를 들어 값이 22 customerID 라는 데이터 속성이있는 모든 앵커를 선택하십시오. rel 또는 기타 속성을 사용하는 것을 주저하지만 어떤 데이터가 저장되어 있는지에 따라 요소를 선택하는 것이 훨씬 더 어렵습니다. 답변 $('*[data-customerID="22"]'); * 를 생략 할 수 있어야하지만 올바르게 기억하면 사용중인 jQuery 버전에 따라 잘못된 결과를 얻을 수 있습니다. 선택기 API ( document.querySelector{,all} 22 ) 주변의 따옴표를 생략 할 수 없습니다 . 또한 jQuery 스크립트에서 데이터 속성을 많이 사용하는 경우 HTML..

질문 : jQuery를 사용하여 키보드에서 Enter 키를 감지하는 방법은 무엇입니까? 사용자가 jQuery를 사용하여 Enter 키 를 눌렀는지 감지하고 싶습니다. 이것이 어떻게 가능한지? 플러그인이 필요합니까? keypress() 메서드를 사용해야하는 것 같습니다. 이 명령에 브라우저 문제가 있는지 아는 사람이 있는지 알고 싶었습니다. 브라우저 호환성 문제가 있는지 알고 싶었습니다. 답변 jQuery의 요점은 브라우저 차이에 대해 걱정할 필요가 없다는 것입니다. 나는 꽤 안전하게 입력은 모든 브라우저에서 13 인으로 갈 수 있습니다 확신합니다. 이를 염두에두고 다음과 같이 할 수 있습니다. $(document).on('keypress',function(e) { if(e.which == 13) { al..

질문 : jQuery에게 무언가를 실행하기 전에 모든 이미지가 로드 될 때까지 기다리도록 요청하는 공식적인 방법 이렇게하면 jQuery에서 : $(function() { alert("DOM is loaded, but images not necessarily all loaded"); }); DOM이로드 될 때까지 기다렸다가 코드를 실행합니다. 모든 이미지가로드되지 않은 경우에도 코드를 실행합니다. 이것은 요소 표시 또는 숨기기 또는 이벤트 첨부와 같은 DOM 항목을 초기화하는 경우 분명히 원하는 것입니다. 일부 애니메이션을 원하고 모든 이미지가로드 될 때까지 실행되는 것을 원하지 않는다고 가정 해 보겠습니다. jQuery에 공식적인 방법이 있습니까? 내가 가진 가장 좋은 방법은 .하지만 꼭 필요한 경우가 ..

질문 : jQuery로 쿠키를 어떻게 설정 / 설정 해제합니까? test 1 설정하는 것과 같이 jQuery를 사용하여 쿠키를 설정 및 설정 해제하는 방법은 무엇입니까? 답변 2019 년 4 월 업데이트 쿠키 읽기 / 조작에는 jQuery가 필요하지 않으므로 아래의 원래 답변을 사용하지 마십시오. 대신 https://github.com/js-cookie/js-cookie로 이동하고 jQuery에 의존하지 않는 라이브러리를 사용하십시오. 기본 예 : // Set a cookie Cookies.set('name', 'value'); // Read the cookie Cookies.get('name') => // => 'value' 자세한 내용은 github의 문서를 참조하십시오. 2019 년 4 월 이전 (..

질문 : 확인란이 선택된 경우 jQuery 동일한 tr의 확인란이 선택되었을 때만 트리거하려는 기능이 있습니다. 내가 뭘 잘못하고 있는지 알려주세요. 일반적인 방법이 작동하지 않습니다. 감사 JS $(".add_menu_item_table").live('click', function() { var value_td = $(this).parents('tr').find('td.td_name').text(); if ($('input.checkbox_check').attr(':checked')); { var newDiv = $(''); var showDiv = $(''); var toggleTrigger = $(' '); var menuForm = $(''); $('#created_buttons_list').ap..

질문 : JQuery .each () 거꾸로 JQuery를 사용하여 페이지의 일부 요소를 선택한 다음 DOM에서 이동합니다. 내가 가진 문제는 JQuery가 자연스럽게 선택하려는 모든 요소를 역순으로 선택해야한다는 것입니다. 예를 들면 : Item 1 Item 2 Item 3 Item 4 Item 5 모든 li 항목을 선택하고 .each () 명령을 사용하고 싶지만 항목 5, 항목 4 등으로 시작하고 싶습니다. 이것이 가능합니까? 답변 $($("li").get().reverse()).each(function() { /* ... */ }); 출처 : https://stackoverflow.com/questions/1394020/jquery-each-backwards