728x90
반응형

jQuery 153

jQuery.click () vs onClick

질문 : 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에서 JSON으로 직렬화

질문 : jQuery에서 JSON으로 직렬화 객체를 JSON 으로 직렬화 해야합니다. jQuery를 사용하고 있습니다. 이를 수행하는 "표준"방법이 있습니까? 내 특정 상황 : 아래와 같이 정의 된 배열이 있습니다. var countries = new Array(); countries[0] = 'ga'; countries[1] = 'cd'; ... 다음과 같이 $.ajax() 에 전달할 문자열로 바꿔야합니다. $.ajax({ type: "POST", url: "Concessions.aspx/GetConcessions", data: "{'countries':['ga','cd']}", ... 답변 JSON-js- JavaScript의 JSON. 객체를 문자열로 변환하려면 JSON.stringify 사용하십시..

jQuery를 사용하여 Ajax 요청 중단 하는 방법

질문 : 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 대화 상자에서 닫기 버튼을 제거하는 방법은 무엇입니까? 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..

Microsoft JSON 날짜 형식을 지정하는 방법

질문 : Microsoft JSON 날짜 형식은 어떻게 지정합니까? 나는 jQuery로 Ajax 에서 첫 번째 균열을 가지고있다. 내 페이지에 데이터를 가져오고 있지만 날짜 데이터 유형에 대해 반환되는 JSON 데이터에 문제가 있습니다. 기본적으로 다음과 같은 문자열이 반환됩니다. /Date(1224043200000)/ JSON을 처음 접하는 사람-짧은 날짜 형식으로 어떻게 포맷합니까? 이것은 jQuery 코드의 어딘가에서 처리되어야합니까? 성공하지 않고 $.datepicker.formatDate() 를 사용하여 jQuery.UI.datepicker 플러그인을 시도했습니다. 참고 : 여기에 답변 조합을 사용하여 생각 해낸 해결책은 다음과 같습니다. function getMismatch(id) { $.ge..

개발관련/other 2021.10.07

jQuery data vs attr 사용법 차이

질문 : 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는 요소의 렌더링 된 높이를 얻는 방법

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

jQuery로 데이터 속성으로 요소 선택하는 방법

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

jQuery를 사용하여 키보드에서 Enter 키를 감지하는 방법

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

jQuery에게 무언가를 실행하기 전에 모든 이미지가 로드 될 때까지 기다리도록 요청하는 공식적인 방법

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

jQuery로 쿠키를 set / unset 하는 방법

질문 : 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 체크박스가 선택된걸 판단하는 방법

질문 : 확인란이 선택된 경우 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 .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

jQuery 텍스트 영역 텍스트 가져 오기

질문 : jQuery 텍스트 영역 텍스트 가져 오기 최근에 저는 jQuery를 사용하기 시작했고 몇 가지 튜토리얼을 따라 왔습니다. 이제는 사용에 약간의 능숙 함을 느낍니다 (매우 쉽습니다). 제 웹 페이지에서 '콘솔'을 만들 수 있다면 멋질 거라고 생각했습니다 ( FPS 게임 에서처럼`키를 누르는 것처럼, 등), 그런 다음 Ajax 자체를 서버에 다시 보내서 작업을 수행하십시오. 원래 가장 좋은 방법은 텍스트 영역 내에서 텍스트를 가져 와서 분할하거나 keyup 이벤트를 사용하고 반환 된 키 코드를 ASCII 문자로 변환 한 다음 문자열에 추가하고 문자열을 보내는 것입니다. 서버 (그런 다음 문자열을 비 웁니다). 텍스트 영역에서 텍스트를 얻는 것에 대한 정보를 찾을 수 없었습니다. 내가 얻은 것은 키..

jQuery를 사용하여 DIV를 화면 중앙에 배치하는 방법

질문 : jQuery를 사용하여 DIV를 화면 중앙에 배치 jQuery를 사용하여 화면 중앙에 를 설정하려면 어떻게해야합니까? 답변 이 함수가 도움이되도록 jQuery에 함수를 추가하는 것을 좋아합니다. jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px"); this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) +..

jQuery의 SELECT 요소에서 특정 옵션을 선택하는 방법

질문 : jQuery의 SELECT 요소에서 특정 옵션을 어떻게 선택합니까? 색인, 값 또는 텍스트를 알고있는 경우. 직접 참조 할 수있는 ID가없는 경우에도 마찬가지입니다. 이것 , 이것 그리고 이것은 모두 유용한 답변입니다. 마크 업 예 Default Selection 1 Selection 2 답변 중간 옵션 요소를 값으로 가져 오는 선택기는 다음과 같습니다. $('.selDiv option[value="SEL1"]') 색인의 경우 : $('.selDiv option:eq(1)') 알려진 텍스트의 경우 : $('.selDiv option:contains("Selection 1")') 편집 : 위에 언급했듯이 OP는 드롭 다운의 선택한 항목을 변경 한 후 일 수 있습니다. 버전 1.6 이상에서는 pro..

jQuery를 사용하여 입력이 비어 있는지 확인하는 방법

질문 : jQuery를 사용하여 입력이 비어 있는지 확인 모든 필드를 채우고 싶은 양식이 있습니다. 필드를 클릭 한 후 채우지 않으면 빨간색 배경을 표시하고 싶습니다. 내 코드는 다음과 같습니다. $('#apply-form input').blur(function () { if ($('input:text').is(":empty")) { $(this).parents('p').addClass('warning'); } }); 필드가 채워지는지 여부에 관계없이 경고 클래스를 적용합니다. 내가 도대체 뭘 잘못하고있는 겁니까? 답변 $('#apply-form input').blur(function() { if( !$(this).val() ) { $(this).parents('p').addClass('warning')..

jQuery에서 체크박스 값 가져 오기

질문 : jQuery에서 확인란 값 가져 오기 jQuery에서 확인란의 값을 어떻게 얻을 수 있습니까? 답변 Value 속성의 값을 얻으려면 다음과 같이 할 수 있습니다. $("input[type='checkbox']").val(); class 또는 id 를 설정 한 경우 다음을 수행 할 수 있습니다. $('#check_id').val(); $('.check_class').val(); 그러나 체크 여부와 상관없이 동일한 값을 반환합니다. 제출 된 양식 동작과 다르기 때문에 혼란 스러울 수 있습니다. 선택 여부를 확인하려면 다음을 수행하십시오. if ($('#check_id').is(":checked")) { // it is checked } 출처 : https://stackoverflow.com/ques..

동일한 클래스의 요소를 반복하는 jQuery

질문 : 동일한 클래스의 요소를 반복하는 jQuery testimonial 과 함께 div를 많이 가지고 있으며 jquery를 사용하여 특정 조건이 참인 경우 각 div를 확인하기 위해 루프를 반복하고 싶습니다. 사실이면 작업을 수행해야합니다. 내가 어떻게할지 아는 사람 있나요? 답변 각각 사용 : ' i '는 배열의 위치이고 obj 는 반복중인 DOM 개체입니다 (jQuery 래퍼 $(this) 를 통해 액세스 할 수도 있음). $('.testimonial').each(function(i, obj) { //test }); 자세한 내용 은 api 참조 를 확인하세요. 출처 : https://stackoverflow.com/questions/4735342/jquery-to-loop-through-eleme..

JQuery - $ is not defined 오류 해결방법

질문 : JQuery-$가 정의되지 않았습니다. 간단한 jquery 클릭 이벤트가 있습니다. 및 site.master에 정의 된 jquery 참조 스크립트가 올바르게 해결되고 있는지 확인했으며 마크 업을보고 방화범에서 스크립트를 직접 볼 수 있으므로 발견되어야합니다. 그러나 나는 여전히 다음을 얻고 있습니다. $가 정의되지 않았습니다. jquery는 작동하지 않습니다. $(document).ready 및 jQuery 등과 같은 다양한 변형을 시도했습니다. .net 3.5의 MVC 2 앱입니다. Google의 모든 곳에서 파일이 올바르게 참조되었는지 확인하라고 말합니다. 다시 확인하고 확인했습니다. 조언을 부탁드립니다! : / 답변 이 오류는 다음 세 가지 중 하나에 의해서만 발생할 수 있습니다. 우선, ..

jQuery를 사용하여 이미지 사전 로드하는 방법

질문 : jQuery로 이미지 미리로드 JavaScript로 이미지를 미리로드하는 빠르고 쉬운 방법을 찾고 있습니다. 중요한 경우 jQuery를 사용하고 있습니다. 나는 여기에서 이것을 보았다 ( http : //nettuts.com ... ) : function complexLoad(config, fileNames) { for (var x = 0; x < fileNames.length; x++) { $("").attr({ id: fileNames[x], src: config.imgDir + fileNames[x] + config.imgFormat, title: "The " + fileNames[x] + " nebula" }).appendTo("#" + config.imgContainer).css({ d..

jQuery를 사용하여 텍스트 상자의 값을 얻는 방법

질문 : jQuery를 사용하여 텍스트 상자의 값을 어떻게 얻습니까? $("#txtEmail") 과 같은 요소를 얻을 수 있지만 실제 값을 얻는 방법을 모르겠습니다. 답변 .val() 메서드가 있습니다. txtEmail 인 입력이있는 경우 다음 코드를 사용하여 텍스트 상자의 값에 액세스 할 수 있습니다. $("#txtEmail").val() val(string) 메서드를 사용하여 해당 값을 설정할 수도 있습니다. $("#txtEmail").val("something") 출처 : https://stackoverflow.com/questions/463506/how-do-i-get-the-value-of-a-textbox-using-jquery

jQuery를 사용하여 입력에 포커스가 있는지 테스트하는 방법

질문 : jQuery를 사용하여 입력에 포커스가 있는지 테스트 내가 구축중인 사이트의 첫 페이지에서 여러 는 CSS :hover 가상 클래스를 사용하여 마우스가 위에있을 때 테두리를 추가합니다. 중 하나에는 jQuery를 사용하여 입력에 포커스가있는 경우 테두리를 유지 이외의 요소에서 :hover 를 지원하지 않는다는 점을 제외하면 완벽하게 작동합니다. 그래서, 우리는 모방 CSS로 jQuery를 사용하는 경우에만이 브라우저 :hover 은 Using $(#element).hover() 방법. 유일한 문제는 이제 jQuery가 focus() 및 hover() 형식을 모두 처리하므로 입력에 포커스가있을 때 사용자가 마우스를 안팎으로 움직이면 테두리가 사라집니다. 이 행동을 막기 위해 어떤 종류의 조건부를 ..

jQuery에서 버튼의 텍스트를 변경하는 방법

질문 : jQuery에서 버튼의 텍스트를 변경하는 방법은 무엇입니까? jQuery에서 버튼의 텍스트 값을 어떻게 변경합니까? 현재 내 버튼은 텍스트 값으로 '추가'를 가지고 있으며 클릭하면 '저장'으로 변경하고 싶습니다. 이 방법을 아래에서 시도했지만 지금까지 성공하지 못했습니다. $("#btnAddProfile").attr('value', 'Save'); 답변 사용중인 버튼 유형에 따라 다름 $("#btnAddProfile").attr('value', 'Save'); //versions older than 1.6 $("#btnAddProfile").prop('value', 'Save'); //versions newer than 1.6 Add $("#btnAddProfile").html('Save'); ..

jQuery 및 Ajax에서 기본 인증 사용

질문 : jQuery 및 Ajax에서 기본 인증 사용 브라우저를 통해 기본 인증을 생성하려고하는데 거기에 도달 할 수 없습니다. 이 스크립트가 여기에 없으면 브라우저 인증이 인계되지만 사용자가 곧 인증을 수행 할 것임을 브라우저에 알리고 싶습니다. 주소는 다음과 같아야합니다. http://username:password@server.in.local/ 양식이 있습니다. 그리고 스크립트 : var username = $("input#username").val(); var password = $("input#password").val(); function make_base_auth(user, password) { var tok = user + ':' + password; var hash = Base64.enc..

728x90
반응형