728x90
반응형

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

jQuery를 사용하여 <input type='file' /> 값을 지우는 방법

질문 : 청산 jQuery 사용 제어 값을 지울 수 있습니까? 나는 다음을 시도했다 : $('#control').attr({ value: '' }); 하지만 작동하지 않습니다. 답변 쉬움 : 을 감싸고 양식에서 reset을 호출 한 다음 .unwrap() 사용하여 양식을 제거합니다. .clone() 솔루션과 달리 끝에는 동일한 요소 (설정된 사용자 지정 속성 포함)가 있습니다. Opera, Firefox, Safari, Chrome 및 IE6 +에서 테스트 및 작업했습니다. type="hidden" 제외하고 다른 유형의 양식 요소에서도 작동합니다. window.reset = function(e) { e.wrap('').closest('form').get(0).reset(); e.unwrap(); } Re..

jQuery 비활성화 / 활성화 submit 버튼

질문 : jQuery 비활성화 / 활성화 제출 버튼 이 HTML이 있습니다. 다음과 같이 어떻게 할 수 있습니까? 텍스트 필드가 비어 있으면 제출을 비활성화해야합니다 (disabled = "disabled"). 비활성화 된 속성을 제거하기 위해 텍스트 필드에 무언가를 입력 할 때. 텍스트 필드가 다시 비워지면 (텍스트가 삭제됨) 제출 버튼을 다시 비활성화해야합니다. 나는 다음과 같이 시도했다. $(document).ready(function(){ $('input[type="submit"]').attr('disabled','disabled'); $('input[type="text"]').change(function(){ if($(this).val != ''){ $('input[type="submit"]')..

jQuery 원하는 요소로 스크롤 하는 방법

질문 : 요소로 jQuery 스크롤 이 input 요소가 있습니다. 그런 다음 다른 텍스트 입력, 텍스트 영역 등과 같은 다른 요소가 있습니다. 사용자가 #subject input 을 클릭하면 페이지가 멋진 애니메이션으로 페이지의 마지막 요소로 스크롤되어야합니다. 스크롤은 맨 아래가 아니라 맨 아래로 이동해야합니다. 페이지의 마지막 항목은 #submit submit 버튼입니다. 애니메이션은 너무 빠르지 않아야하며 유동적이어야합니다. 최신 jQuery 버전을 실행하고 있습니다. 플러그인을 설치하지 않고 기본 jQuery 기능을 사용하여이를 달성하는 것을 선호합니다. 답변 button 이있는 버튼이 있다고 가정하면 다음 예제를 시도해보십시오. $("#button").click(function() { $([d..

모든 jQuery Ajax 요청이 완료될 때까지 대기하도록 하는 방법

질문 : 모든 jQuery Ajax 요청이 완료 될 때까지 기다리시겠습니까? 모든 jQuery Ajax 요청이 다른 함수 내에서 완료 될 때까지 함수가 대기하도록하려면 어떻게해야합니까? 요컨대, 다음을 실행하기 전에 모든 Ajax 요청이 완료 될 때까지 기다려야합니다. 하지만 어떻게? 답변 jQuery는 이제 이러한 목적을 위해 when 함수를 정의합니다. 임의의 수의 Deferred 개체를 인수로 받아들이고 모든 개체가 해결되면 함수를 실행합니다. 즉, (예를 들어) 네 개의 ajax 요청을 시작한 다음 완료되면 작업을 수행하려면 다음과 같이 할 수 있습니다. $.when(ajax1(), ajax2(), ajax3(), ajax4()).done(function(a1, a2, a3, a4){ // the..

jQuery를 사용하여 양식 입력 필드를 얻는 방법

질문 : jQuery를 사용하여 양식 입력 필드를 얻습니까? 입력 필드가 많은 양식이 있습니다. jQuery로 제출 양식 이벤트를 잡을 때 해당 양식의 모든 입력 필드를 연관 배열로 가져올 수 있습니까? 답변 $('#myForm').submit(function() { // get all the inputs into an array. var $inputs = $('#myForm :input'); // not sure if you wanted this, but I thought I'd add it. // get an associative array of just the values. var values = {}; $inputs.each(function() { values[this.name] = $(this)..

사용자가 외부를 클릭 할 때 jQuery를 사용하여 DIV를 숨기는 법.

질문 : 사용자가 외부를 클릭 할 때 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를 사용하여 클래스 이름 가져 오기 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 사용을 시작하고 싶습니다. 필요한 패러다임 전환을 설명 할 수 있습니까? 다음은 답을 구하는 데 도움이 될 수있는 몇 가지 질문입니다. 클라이언트 측 웹 애플리케이션을 다르게 설계하고 디자인하는 방법은 무엇입니까? 가장 큰 차이점은 무엇입니까? 무엇을하고 / 사용하지 말아야합니까? 대신 무엇을 시작해야하나요? 서버 측 고려 사항 / 제한 사항이 있습니까? jQuery 와 AngularJS 간의 자세한 비교를 찾고 있지 않습니다. 답변 1. 페이지를 디자인하지 말고 DOM 조작으로 변경합니다. jQuery에서 페이지를 디자인 한 다음 동적으로 ..

jQuery.fn가 의미하는 것

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

jQuery를 사용하여 체크 박스에 "선택"설정

질문 : 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 가져 오기

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

jQuery : 테이블의 행 수 계산

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

jQuery 팁과 트릭

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

jQuery에서 div 요소 생성하기

질문 : 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로 동기식 Ajax 요청 하는 방법

질문 : 비동기가 아닌 동기식 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 데이터 속성 값을 기반으로 요소를 찾는 방법

질문 : 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에 대한 "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로 텍스트 영역 필드 지우기

질문 : 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 $ ()

질문 : 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 객체에 액세스하고 객체의 첫 번째 요소를 가져올 수 있습니다 (자바 스크립트 객체는 연관 배열과 유사하게 작동 함). ..

jQuery를 사용하여 동적 HTML 요소에 이벤트를 넣는 방법

질문 : jQuery를 사용하여 동적 HTML 요소에 이벤트를 어떻게 첨부합니까? .myclass 클래스가있는 모든 요소에 이벤트 핸들러를 연결하는 jQuery 코드가 있다고 가정합니다. 예를 들면 : $(function(){ $(".myclass").click( function() { // do something }); }); 내 HTML은 다음과 같습니다. test1 test2 test3 문제없이 작동합니다. .myclass 요소가 나중에 페이지에 작성되었는지 고려하십시오. 예를 들면 : create link dynamically 이 경우 a#anchor1 test4 링크가 생성됩니다. test4 class="myclass" 가 있어도 연결된 click() 핸들러가 없습니다. 기본적으로 click()..

[jQuery] 제이쿼리 이벤트 모음

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

동일한 페이지에서 여러 버전의 jQuery를 사용할 수 있을까?

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

728x90
반응형