반응형

jquery 49

캔버스의 컨텍스트를 가져오는 것과 동일한 jQuery

캔버스의 컨텍스트를 가져오는 것과 동일한 jQuery 다음과 같은 작업 코드가 있습니다. ctx = document.getElementById("canvas").getContext('2d'); 다시 써서 사용할 수 있는 방법이 있습니까?$작업 실패: ctx = $("#canvas").getContext('2d'); 시도: $("#canvas")[0].getContext('2d'); jQuery는 숫자 인덱스에 실제 DOM 요소를 표시하여 일반 JavaScript/DOM 기능을 수행할 수 있습니다.또한 쿼리 대상을 HTML 요소로 참조하기 위해 .get(0)을 사용하는 것이 종종 선호된다는 것을 보았습니다. var myCanvasElem = $("#canvas").get(0); jquery가 null을 객..

programing 2023.07.27

div 요소에서 키 누름(또는 키다운) 이벤트를 캡처하려면 어떻게 해야 합니까?

div 요소에서 키 누름(또는 키다운) 이벤트를 캡처하려면 어떻게 해야 합니까? (jQuery를 사용하여) DIV 요소에서 키 누름 또는 키 다운 이벤트를 트랩하려면 어떻게 해야 합니까? DIV 요소에 초점을 맞추려면 무엇이 필요합니까?설정tabindex속성: 키다운에 바인딩: $('#mydiv').on('keydown', function(event) { //console.log(event.keyCode); switch(event.keyCode){ //....your actions for the keys ..... } }); 시작에 포커스를 설정하려면: $(function() { $('#mydiv').focus(); }); 만약 당신이 그것이 마음에 들지 않는다면 제거하는 것.div포커스 테두리, 설정o..

programing 2023.07.27

전자: jQuery가 정의되지 않았습니다.

전자: jQuery가 정의되지 않았습니다. 문제: Electron을 사용하여 개발하는 동안 jQuery가 필요한 JS 플러그인을 사용하려고 하면 스크립트 태그를 사용하여 올바른 경로로 로드해도 플러그인이 jQuery를 찾지 못합니다. 예를들면, Click me! ... //jQuery should be loaded now 위에서 이 코드를 실행하면 작동하지 않습니다.실제로 DevTools를 열고 Console 보기로 이동한 다음원소의당신은 그것을 봐야 합니다.function $ is not defined또는 그런 취지의 무언가.보다 우수하고 일반적인 솔루션 IMO: 혜택들 동일한 코드를 가진 브라우저와 전자 모두에서 작동합니다. 각 라이브러리를 지정할 필요 없이 jQuery뿐만 아니라 모든 타사 라이브러..

programing 2023.07.02

GET 요청 대신 OPTIONS 요청을 받는 이유는 무엇입니까?

GET 요청 대신 OPTIONS 요청을 받는 이유는 무엇입니까? 이는 해당 URL에 OPTIONS 요청을 수행한 다음 콜백을 호출하지 않습니다. 교차 도메인이 아닐 때는 잘 작동합니다. jQuery는 그냥 전화를 해야 하지 않을까요?노드가 로드되면 콜백을 수행합니까?(도메인 간이기 때문에) 결과를 얻을 수 없다는 것은 이해하지만, 괜찮습니다. 통화가 완료되기를 바랄 뿐입니다.이게 버그인가요, 아니면 제가 뭔가 잘못하고 있나요?MDN에 따르면, 미리 설정된 요청 위에서 설명한 단순 요청과 달리 "미리 표시된" 요청은 실제 요청을 전송해도 안전한지 여부를 결정하기 위해 먼저 HTTP OPTIONS 요청 헤더를 다른 도메인의 리소스로 보냅니다.교차 사이트 요청은 사용자 데이터에 영향을 미칠 수 있기 때문에 이..

programing 2023.05.28

선택 변경 시 데이터 속성 값 가져오기

선택 변경 시 데이터 속성 값 가져오기 다음 코드는 '정의되지 않음'을 반환합니다... $('select').change(function(){ alert($(this).data('id')); }); one two three 선택한 옵션을 찾아야 합니다. $(this).find(':selected').data('id') 또는 $(this).find(':selected').attr('data-id') 첫 번째 방법이 선호되기는 하지만요.다음을 시도합니다. $('select').change(function(){ alert($(this).children('option:selected').data('id')); }); 변경 가입자가 선택 항목의 변경 이벤트에 가입합니다.this매개 변수는 선택 요소입니다.데이터 ..

programing 2023.05.23

DOM 요소를 jQuery 요소로 변환하려면 어떻게 해야 합니까?

DOM 요소를 jQuery 요소로 변환하려면 어떻게 해야 합니까? document.createElement()로 요소를 만들고 있습니다.이제 어떻게 하면 Jquery 객체만 사용하는 함수에 전달할 수 있습니까? $("#id") 아직 페이지에 요소가 렌더링되지 않았기 때문에 사용할 수 없습니다.var elm = document.createElement("div"); var jelm = $(elm);//convert to jQuery Element var htmlElm = jelm[0];//convert to HTML Element 예를 들어 jQuery를 사용하여 요소를 구성하는 것은 어떻습니까? $("") 페이지에 추가할 준비가 된 새 div 요소를 만듭니다.다음으로 더 단축할 수 있습니다. $("") ..

programing 2023.05.23

변경된 입력 텍스트 상자 탐지

변경된 입력 텍스트 상자 탐지 다른 수많은 질문들을 살펴보았고 아래의 코드를 포함하여 매우 간단한 답들을 찾았습니다.텍스트 상자의 내용을 변경하는 경우를 탐지하려고 하는데 어떤 이유에서인지 제대로 작동하지 않습니다.콘솔 오류가 발생하지 않습니다.브라우저에서 중단점을 설정할 때change()절대 부딪히지 않는 기능. $('#inputDatabaseName').change(function () { alert('test'); }); jQuery에서 Javascript 이벤트를 다음과 같이 사용할 수 있습니다. $('#inputDatabaseName').on('input',function(e){ alert('Changed!') }); 순수 자바스크립트: document.querySelector("input")...

programing 2023.05.23

jQuery: 테이블의 행 수 카운트

jQuery: 테이블의 행 수 카운트 jQuery를 사용하여 테이블 내의 tr 요소 수를 계산하려면 어떻게 해야 합니까? 비슷한 질문이 있는 건 알지만, 저는 그냥 전체 줄을 원합니다.모든 행을 선택하고 길이를 지정하는 선택기를 사용합니다. var rowCount = $('#myTable tr').length; 참고: 이 접근 방식은 또한 모든 내포된 테이블의 모든 tr을 계산합니다!사용하는 경우또는표에서 다음 구문을 사용해야 합니다. 그렇지 않으면 잘못된 값이 표시됩니다. var rowCount = $('#myTable >tbody >tr').length; 또는... var rowCount = $('table#myTable tr:last').index() + 1; jsFiddle 데모 이렇게 하면 중첩..

programing 2023.05.18

클릭 이벤트가 동적으로 생성된 요소에서 작동하지 않음

클릭 이벤트가 동적으로 생성된 요소에서 작동하지 않음 이 질문에는 이미 다음과 같은 답이 있습니다. 동적으로 생성된 요소에 대한 이벤트 바인딩? (23개 답변) 마감됨5년 전에. generate new element 클래스 이름을 사용하여 새 태그를 생성하려고 합니다.test에 시대에버튼을 클릭합니다.또한 다음과 관련된 클릭 이벤트를 정의했습니다.test하지만 그 행사는 효과가 없습니다. 누가 도와줄 수 있습니까? 그click()사용 중인 바인딩을 "직접" 바인딩이라고 합니다. 이 바인딩은 처리기를 이미 존재하는 요소에만 연결합니다.앞으로 생성된 요소에 구속되지 않습니다.이렇게 하려면 를 사용하여 "위임된" 바인딩을 만들어야 합니다. 위임된 이벤트는 나중에 문서에 추가되는 하위 요소의 이벤트를 처리할 수..

programing 2023.05.08
반응형