코딩하다 현타올 때

질문 : 어디에 넣어야하나요 async 속성이있는 스크립트는 비동기 적으로 실행됩니다. 즉, 그 동안 브라우저를 차단하지 않고 스크립트가 다운로드되는 즉시 실행됩니다. 이는 스크립트 2가 스크립트 1보다 먼저 다운로드 및 실행될 수 있음을 의미합니다. http://caniuse.com/#feat=script-async 에 따르면 모든 브라우저의 97.78 %가이를 지원합니다. defer 속성이있는 스크립트는 순서대로 실행됩니다 (예 : 첫 번째 스크립트 1, 다음 스크립트 2). 이것은 또한 브라우저를 차단하지 않습니다. 비동기 스크립트와 달리 지연 스크립트는 전체 문서가로드 된 후에 만 실행됩니다. http://caniuse.com/#feat=script-defer 에 따르면 모든 브라우저의 97.79..

질문 : 사용자가 외부를 클릭 할 때 jQuery를 사용하여 DIV를 숨 깁니다. 이 코드를 사용하고 있습니다. $('body').click(function() { $('.form_wrapper').hide(); }); $('.form_wrapper').click(function(event){ event.stopPropagation(); }); 그리고이 HTML : I Agree Disagree div 내부에 링크가 있고 클릭했을 때 더 이상 작동하지 않는다는 것입니다. 답변 똑같은 문제가 있었는데이 쉬운 해결책을 내놓았습니다. 재귀 적으로 작동합니다. $(document).mouseup(function(e) { var container = $("YOUR CONTAINER SELECTOR"); // if..

질문 : jQuery를 사용하여 클래스 이름 가져 오기 jQuery를 사용하여 클래스 이름을 얻고 싶습니다. 그리고 ID가 있으면 답변 클래스가 아닌 다른 수단을 통해 요소를 jQuery 객체로 가져온 후 var className = $('#sidebar div:eq(14)').attr('class'); 트릭을해야합니다. ID의 경우 .attr('id') . 요소가 래퍼가없는 순수 DOM 노드 인 이벤트 처리기 또는 기타 jQuery 메서드 내부에있는 경우 다음을 사용할 수 있습니다. this.className // for classes, and this.id // for IDs 둘 다 표준 DOM 메서드이며 모든 브라우저에서 잘 지원됩니다. 출처 : https://stackoverflow.com/que..

질문 : jQuery 배경이 있다면“AngularJS에서 생각하기”? jQuery 에서 클라이언트 측 애플리케이션을 개발하는 데 익숙 하지만 이제 AngularJS 사용을 시작하고 싶습니다. 필요한 패러다임 전환을 설명 할 수 있습니까? 다음은 답을 구하는 데 도움이 될 수있는 몇 가지 질문입니다. 클라이언트 측 웹 애플리케이션을 다르게 설계하고 디자인하는 방법은 무엇입니까? 가장 큰 차이점은 무엇입니까? 무엇을하고 / 사용하지 말아야합니까? 대신 무엇을 시작해야하나요? 서버 측 고려 사항 / 제한 사항이 있습니까? jQuery 와 AngularJS 간의 자세한 비교를 찾고 있지 않습니다. 답변 1. 페이지를 디자인하지 말고 DOM 조작으로 변경합니다. jQuery에서 페이지를 디자인 한 다음 동적으로 ..

질문 : jQuery.fn은 무엇을 의미합니까? fn 은 무엇을 의미합니까? jQuery.fn.jquery 답변 jQuery에서 fn 속성은 prototype 속성의 별칭입니다. jQuery 식별자 (또는 $ )는 생성자 함수일 뿐이며이 식별자로 생성 된 모든 인스턴스는 생성자의 프로토 타입에서 상속됩니다. 간단한 생성자 함수 : function Test() { this.a = 'a'; } Test.prototype.b = 'b'; var test = new Test(); test.a; // "a", own property test.b; // "b", inherited property jQuery의 아키텍처와 유사한 간단한 구조 : (function() { var foo = function(arg) { ..

질문 : jQuery Event Keypress : 어떤 키를 눌렀습니까? jQuery를 사용하여 키 누르기 이벤트에 바인딩 할 때 눌린 키를 어떻게 알 수 있습니까? $('#searchbox input').bind('keypress', function(e) {}); ENTER 를 누를 때 제출을 트리거하고 싶습니다. [최신 정보] 내가 (또는 더 나은 : 하나) 대답을 찾았지만 변형의 여지가있는 것 같습니다.) keyCode 와 which 차이가 있습니까? 특히 ENTER를 찾고 있다면 유니 코드 키가 아닐까요? 일부 브라우저는 하나의 속성을 제공하고 다른 브라우저는 다른 속성을 제공합니까? 답변 실제로 이것이 더 좋습니다. var code = e.keyCode || e.which; if(code ==..

질문 : jQuery를 사용하여 체크 박스에 "선택"설정 jQuery를 사용하여 checkbox 다음과 같이하고 싶습니다. $(".myCheckBox").checked(true); 또는 $(".myCheckBox").selected(true); 그런 것이 존재합니까? 답변 .prop() : $('.myCheckbox').prop('checked', true); $('.myCheckbox').prop('checked', false); 하나의 요소로 작업하는 경우 항상 기본 HTMLInputElement .checked 속성을 수정할 수 있습니다. $('.myCheckbox')[0].checked = true; $('.myCheckbox')[0].checked = false; .prop() 및 .attr()..

질문 : 선택한 요소의 외부 HTML 가져 오기 jQuery를 사용하여 선택한 개체의 HTML을 가져 오려고합니다. .html() 함수를 알고 있습니다. 문제는 선택한 객체를 포함하는 HTML이 필요하다는 것입니다 (이 경우 .html() 은 행 내부의 셀만 반환하는 테이블 행). 나는 주변을 검색하고 객체를 복제하고 새로 만든 div 등에 추가하는 매우 '해킹'유형의 방법을 찾았지만 이것은 정말 더러워 보입니다. 더 좋은 방법이 있습니까, 아니면 새 버전의 jQuery (1.4.2)가 어떤 종류의 outerHtml 기능을 제공합니까? 답변 2014 편집 : 질문과이 답변은 2010 년의 것입니다. 당시에는 더 나은 해결책이 널리 사용되지 않았습니다. 이제 다른 많은 답변이 더 좋습니다. 예를 들어 Er..

질문 : jQuery : 테이블의 행 수 계산 jQuery를 사용하여 테이블 내의 tr 요소 수를 어떻게 계산합니까? 비슷한 질문 이 있다는 것을 알고 있지만 총 행만 원합니다. 답변 모든 행을 선택하고 길이를 취하는 선택기를 사용하십시오. var rowCount = $('#myTable tr').length; 참고 :이 접근 방식은 모든 중첩 테이블의 모든 trs도 계산합니다! 출처 : https://stackoverflow.com/questions/1149958/jquery-count-number-of-rows-in-a-table

질문 : jQuery 팁과 트릭 구문 roosteronacid가 준비한 이벤트의 속기 Roosteronacid에 의한 줄 바꿈 및 연쇄 성 Nathan Long의 중첩 필터 컬렉션을 캐시하고 roosteronacid 가 같은 줄에서 명령을 실행합니다. roosteronacid의 선별기를 포함합니다. roosteronacid에 의한 요소 생성시 속성 정의 roosteronacid 의 배열처럼 jQuery 함수에 액세스 noConflict 함수-Oli에 의해 $ 변수 해제 nickf 로 noConflict 모드에서 $ 변수 분리 Roosteronacid의 충돌 방지 모드 데이터 저장 데이터 함수-TenebrousX로 데이터를 요소에 바인딩 HTML5 데이터 속성 지원, 스테로이드! roosteronacid ..

질문 : .css ()를 사용하여 !important를 적용하는 방법은 무엇입니까? !important 스타일을 적용하는 데 문제가 있습니다. 난 노력 했어: $("#elem").css("width", "100px !important"); 이것은 아무것도 하지 않습니다. 너비 스타일이 전혀 적용되지 않습니다. cssText 를 덮어 쓰지 않고 그러한 스타일을 적용하는 jQuery 방식이 있습니까 (먼저 파싱해야 함을 의미합니다)? 편집 !important 스타일 인라인으로 재정의하려는 !important 스타일의 스타일 시트가 .width() !important 스타일에 의해 재정의되기 때문에 작동하지 않습니다. . 또한 이전 값을 재정의 할 값 이 계산 되므로 단순히 다른 외부 스타일을 만들 수 없습니..

질문 : jQuery에서 div 요소 만들기 jQuery div 요소를 어떻게 생성합니까? 답변 append (부모의 마지막 위치에 추가) 또는 prepend (부모의 첫 위치에 추가)를 사용할 수 있습니다. $('#parent').append('hello'); // or $('hello').appendTo('#parent'); 또는 다른 답변 에서 언급했듯이 .html() 또는 .add() 를 사용할 수 있습니다. 출처 : https://stackoverflow.com/questions/867916/creating-a-div-element-in-jquery

질문 : 첫 번째 옵션을 만드는 방법jQuery로 선택 jQuery로 첫 번째 옵션을 선택하려면 어떻게해야합니까? ... ... 답변 $("#target").val($("#target option:first").val()); 출처 : https://stackoverflow.com/questions/1414276/how-to-make-the-first-option-of-select-selected-with-jquery

질문 : 비동기가 아닌 동기식 Ajax 요청을 수행하도록 jQuery를 얻으려면 어떻게해야합니까? 표준 확장 점을 제공하는 JavaScript 위젯이 있습니다. 그중 하나가 beforecreate 함수입니다. 항목이 생성되지 않도록하려면 false 를 반환해야합니다. jQuery를 사용하여이 함수에 Ajax 호출을 추가했습니다. beforecreate: function (node, targetNode, type, to) { jQuery.get('http://example.com/catalog/create/' + targetNode.id + '?name=' + encode(to.inp[0].value), function (result) { if (result.isOk == false) alert(resul..

질문 : jQuery 데이터 속성 값을 기반으로 요소를 찾는 방법은 무엇입니까? 다음과 같은 시나리오가 있습니다. var el = 'li'; 페이지에는 각각 data-slide=number 속성 (숫자는 각각 1,2,3,4,5 임) 이있는 5 개의 가 있습니다. var current = $('ul').data(current); 매핑 된 현재 활성 슬라이드 번호를 찾아야합니다. 슬라이드가 변경 될 때마다 업데이트됩니다. 지금까지 내 시도는 실패했으며 현재 슬라이드와 일치하는 선택기를 구성하려고 시도했습니다. $('ul').find(el+[data-slide=+current+]); 일치하지 않거나 아무것도 반환하지 않습니다… li 부분을 하드 코딩 할 수없는 이유는 이것이 필요한 경우 다른 요소로 변경할 수..

질문 : jQuery에 대한 "exists"기능이 있습니까? jQuery에서 요소의 존재를 어떻게 확인할 수 있습니까? 내가 가진 현재 코드는 다음과 같습니다. if ($(selector).length > 0) { // Do something } 이것에 접근하는 더 우아한 방법이 있습니까? 플러그인이나 함수일까요? 답변 자바 스크립트에서는 모든 것이 '참'또는 '거짓'이며 숫자 0 false 의미하고 나머지는 모두 true 입니다. 따라서 다음과 같이 작성할 수 있습니다. if ($(selector).length) >0 부분이 필요하지 않습니다. 출처 : https://stackoverflow.com/questions/31044/is-there-an-exists-function-for-jquery

질문 : jQuery로 양식 필드 지우기 양식의 모든 입력 및 텍스트 영역 필드를 지우고 싶습니다. reset 클래스와 함께 입력 버튼을 사용할 때 다음과 같이 작동합니다. $(".reset").bind("click", function() { $("input[type=text], textarea").val(""); }); 그러면 양식의 필드뿐만 아니라 페이지의 모든 필드가 지워집니다. 실제 재설정 버튼이있는 형태의 선택기는 어떻게 생겼습니까? 답변 $(".reset").click(function() { $(this).closest('form').find("input[type=text], textarea").val(""); }); 출처 : https://stackoverflow.com/questions/6..

질문 : document.getElementById vs jQuery $ () 이것은 : var contents = document.getElementById('contents'); 이것과 동일 : var contents = $('#contents'); jQuery가로드되면? 답변 정확히!! document.getElementById('contents'); //returns a HTML DOM Object var contents = $('#contents'); //returns a jQuery Object document.getElementById 와 동일한 결과를 얻으려면 jQuery 객체에 액세스하고 객체의 첫 번째 요소를 가져올 수 있습니다 (자바 스크립트 객체는 연관 배열과 유사하게 작동 함). ..

어떤 특정한 행동을 했을때 저장된 코드를 작동시킬 수 있는 제이쿼리 이벤트종류를 모아왔습니다. 1. jQuery 마우스 이벤트 이벤트 설명 click 노드(elements)를 마우스 포인터로 눌렀다가 떼었을 때에 발생 dblclick 노드를 더블 클릭 했을 때에 발생 hover mouseenter와 mouseleave 이벤트를 한번에 bind한다. mousedown 노드 영역에서 마우스를 눌렀다가 떼었을 때에 발생 mouseenter 노드에 마우스가 진입했을 때에 발생(자식노드에서는 이벤트를 감지 못함) mouseleave 마우스가 노드에서 벗어났을 때에 발생 mousemove 노드 영역에서 마우스를 움직였을 때에 발생 mouseout 노드에서 마우스 포인터가 떠났을 때에 발생 mouseover 노드 영..

자바 스크립트에서 자주 쓰는 정규식을 모아왔습니다. 일치할 시 true를 반환 합니다 이메일 체크 정규식 function isEmail(asValue) { var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return regExp.test(asValue); } ​ 비밀번호 체크 정규식 8 ~ 16자 영문, 숫자 조합 function isPassword(asValue) { var regExp = /^(?=.*\d)(?=.*[a-zA-Z])[0-9a-zA-Z]{8,16}$/; return regExp.test(asValue); } ​ 비밀번호 체크 (특수문자 포함) 8 ~ 16자 ..

질문 : 동일한 페이지에서 여러 버전의 jQuery를 사용할 수 있습니까? 내가 작업중인 프로젝트에서는 고객의 웹 페이지에서 jQuery를 사용해야합니다. 그런 다음 $('#selector').function(); , 당신은 jQuery_1_3_2('#selector').function(); 또는 jQuery_1_1_3('#selector').function(); . 출처 : https://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page

질문 : jQuery로 요소에 대한 클래스 목록 가져 오기 jQuery에서 요소에 할당 된 모든 클래스를 반복하거나 배열에 할당하는 방법이 있습니까? 전의. Hello World! 위의 "dolor_spec"에서와 같이 "특별한"클래스를 찾고 있습니다. 나는 hasClass ()를 사용할 수 있다는 것을 알고 있지만 실제 클래스 이름은 당시에 반드시 알려지지 않을 수도 있습니다. 답변 document.getElementById('divId').className.split(/\s+/); 사용할 수 있습니다. 클래스 이름 배열을 얻습니다. 그런 다음 원하는 것을 반복하고 찾을 수 있습니다. var classList = document.getElementById('divId').className.split(/..

질문 : jQuery에서 체크박스가 체크되었는지 확인 하는 방법 나는 확인해야합니다 checked 체크 박스의 속성을하고 jQuery를 사용하여 검사 특성에 따라 작업을 수행합니다. 예를 들어, age 체크 박스가 선택되어, 그때 입력 할 수있는 텍스트 상자에 표시해야합니다 age 다른 텍스트 상자를 숨 깁니다. 그러나 다음 코드는 기본적으로 false if ($('#isAgeSelected').attr('checked')) { $("#txtAge").show(); } else { $("#txtAge").hide(); } Age is selected checked 속성을 어떻게 성공적으로 쿼리합니까? 답변 확인 된 속성을 어떻게 성공적으로 쿼리합니까? 체크 박스 DOM 요소의 checked 속성은 요소의..

질문 : jQuery 선택기의 와일드 카드 ID가 "jander"로 시작하는 모든 요소의 ID를 얻기 위해 와일드 카드를 사용하려고합니다. $('#jander*') , $('#jander%') 시도했지만 작동하지 않습니다 .. 요소의 클래스를 사용하여 해결할 수 있다는 것을 알고 있지만 와일드 카드를 사용하는 것도 가능합니까 ?? 답변 "jander"로 시작하는 모든 요소를 얻으려면 다음을 사용해야합니다. $("[id^=jander]") "jander"로 끝나는 것을 얻으려면 $("[id$=jander]") JQuery 문서 도 참조하십시오. 출처 : https://stackoverflow.com/questions/5376431/wildcards-in-jquery-selectors

질문 : jQuery Ajax 오류 처리, 사용자 정의 예외 메시지 표시 내 jQuery AJAX 오류 메시지에서 사용자 지정 예외 메시지를 경고로 표시 할 수있는 방법이 있습니까? 예를 들어 Struts 를 통해 서버 측에서 예외를 throw하려면 throw new ApplicationException("User name already exists"); , jQuery AJAX 오류 메시지에서이 메시지 ( '사용자 이름이 이미 존재 함')를 포착하고 싶습니다. jQuery("#save").click(function () { if (jQuery('#form').jVal()) { jQuery.ajax({ type: "POST", url: "saveuser.do", dataType: "html", data:..