반응형

jquery 26

HTMLCollection, NodeLists, 객체 배열 간의 차이

HTMLCollection, NodeLists, 객체 배열 간의 차이 저는 항상 DOM과 관련하여 HTML 컬렉션, 객체, 배열을 혼동해 왔습니다.예를 들면... 입니까의 입니까?document.getElementsByTagName("td")그리고.$("td")? $("#myTable")그리고.$("td")개체(jQuery 개체)입니다.에도 옆에 요소의 는 무엇이며, 이 배열도 console.log는 DOM이며,다. 찾기 힘든 "노드 리스트"란 무엇이며, 어떻게 선택해야 합니까? 아래 스크립트에 대한 해석도 부탁드립니다. [123,"abc",321,"cba"]=[123,"abc",321,"cba"] {123:123,abc:"abc",321:321,cba:"cba"}=Object { 123=123, abc..

programing 2023.10.05

Jquery 배경색 변경

Jquery 배경색 변경 저는 이 예시를 가지고 jquery를 시도하고 있었습니다. $(document).ready(function(){ $("button").mouseover(function(){ $("p#44.test").css("background-color","yellow"); $("p#44.test").hide(1500); $("p#44.test").show(1500); $("p#44.test").css("background-color","red"); }); }); 다음과 같은 일이 일어날 것으로 예상했습니다. 1. Color of to turn yellow 2. to slowly fade 3. to slowly show 4. Color of to turn red 하지만 실제로 일어난 일은 이렇..

programing 2023.10.05

jQuery의 부록 반대쪽

jQuery의 부록 반대쪽 사용합니다..append디브에 추가하다 $(this).append('test'); 어떻게 검색할 수 있습니까?만약 그것이 아이들에게 존재한다면 그것을 제거할 것입니다.$(this)?당신은 사용할 수 있습니다.remove(). jQuery remove()에 대한 자세한 내용은 다음과 같습니다. $(this).children("ul").remove(); 이렇게 하면 모두 제거됩니다. ul아이들인 요소들.의 반대..append()가.prepend(). jQuery 설명서에서 추가할 내용이 있습니다. .prepend() 메서드는 지정한 내용을 jQuery 컬렉션의 각 요소의 첫 번째 자식으로 삽입합니다(마지막 자식으로 삽입하려면 .append()). 이것이 OP의 구체적인 경우에 대한..

programing 2023.10.05

jquery에서 wait () 아니면 sleep () 기능?

jquery에서 wait () 아니면 sleep () 기능? 수업을 추가하고 싶은데요, 2초 정도 기다렸다가 수업을 하나 더 추가합니다. .addClass("load").wait(2sec).addClass("done"); 방법이 없을까요?setTimeout은 일정 시간 지연 후(밀리초 단위로 측정) 일부 코드를 실행합니다.그러나 중요한 참고 사항: 자바스크립트의 특성 때문에 나머지 코드는 타이머가 설정된 후에도 계속 실행됩니다. $('#someid').addClass("load"); setTimeout(function(){ $('#someid').addClass("done"); }, 2000); // Any code here will execute immediately after the 'load' cl..

programing 2023.09.25

JQuery / JavaScript와 연결할 메일 호출 / 클릭

JQuery / JavaScript와 연결할 메일 호출 / 클릭 자바스크립트에서 링크할 메일을 호출하고 싶습니다. 즉, 사용자 PC에서 마치 일반 메일을 클릭하여 링크할 수 있는 것처럼 이메일 클라이언트를 열 수 있는 방법을 원합니다. 이거 어떻게 해요?사용가능window.location.href여기, 다음과 같이: window.location.href = "mailto:address@dmail.com"; 대신 페이지에 링크가 있는 .click()을 사용하여 위에서 설명한 빈 페이지 문제를 방지할 수 있습니다. document.getElementById('mymailto').click(); ... 크롬, IE, 파이어폭스 등에서 테스트를 받은 나를 위한 작업 답변은 이것이었습니다. window.locat..

programing 2023.09.25

파일 업로드 전 파일 확장명 확인

파일 업로드 전 파일 확장명 확인 저는 서블릿에 이미지를 업로드 하고 있습니다.업로드된 파일이 이미지인지 여부의 검증은 파일 헤더의 매직넘버를 확인하여 서버측에서만 수행됩니다.서블릿에 양식을 제출하기 전에 클라이언트 측에서 확장자를 확인할 수 있는 방법이 있습니까?입력하면 바로 업로드가 시작됩니다. 저는 클라이언트 쪽에서 자바스크립트와 jQuery를 사용하고 있습니다. 업데이트: 마침내 바이트를 읽고 이미지가 아닌 경우 업로드를 거부하는 서버측 검증을 받았습니다.파일 확장자만 확인할 수 있지만 바이러스 이름을 쉽게 바꿀 수 있습니다.바이러스 jpg로 이동하여 검증을 "통과"합니다. 파일 확장명을 확인하고 유효한 확장명 중 하나를 충족하지 못할 경우 중단하는 코드는 다음과 같습니다. (잘못된 파일을 선택하..

programing 2023.09.20

ID 대신 이름으로 요소의 값을 가져오는 방법

ID 대신 이름으로 요소의 값을 가져오는 방법 속성을 통해 요소의 값을 얻는 방법name대신에ID예를 들어 ID로 사용하면 됩니다.$('#id').val();이름 특성 선택기 사용: $("input[name=nameGoesHere]").val(); $('[name=whatever]').val() jQuery 문서는 사용자의 친구입니다.이름 특성 선택기 사용: $("input[name='nameGoesHere']").val(); 값 주위에 따옴표를 포함하는 것은 필수 요구 사항입니다. 다음을 참조하십시오. http://api.jquery.com/attribute-equals-selector/값을 얻기 위해 여러 속성을 사용할 수 있습니다. 그 중 하나가 이름 속성입니다. 예: $("input[name='n..

programing 2023.09.05

달러(약)ready(함수:{}); 페이지 하단의 vs 스크립트

달러(약)ready(함수:{}); 페이지 하단의 vs 스크립트 페이지 하단에 스크립트를 쓰는 것과 스크립트를 쓰는 것의 차이점/장점/단점은 무엇입니까? $(document).ready(function(){}); 그 자체로는 거의 없습니다. 어느 쪽이든 DOM은 당신이 운영할 준비가 되어 있을 것입니다(Google에서 이 글을 읽기 전까지는 그것에 대해 긴장했습니다).페이지 끝 트릭을 사용하면 코드가 아주 조금 더 빨리 호출될 수 있지만 문제가 되지는 않습니다.그러나 더 중요한 것은 이 선택이 JavaScript를 페이지에 연결하는 위치와 관련이 있다는 것입니다. 다음 항목을 포함하는 경우script에 태그를 달다.head그리고 의지합니다.ready브라우저가 사용자를 검색합니다.script태그를 지정할 수..

programing 2023.08.31

Javascript/HTML을 이용한 간단한 이미지 업로드 방법

Javascript/HTML을 이용한 간단한 이미지 업로드 방법 간단한 이미지 업로드를 해서 페이지에 표시하는 방법을 아는 사람이 있습니까? 이것이 제가 찾고 있는 것입니다. 사용자(나)가 이미지를 선택합니다. 페이지를 새로 고치거나 다른 파일로 이동하지 않고 이미지가 표시됩니다. 다중의다른 이미지 크기를 표시해야 하므로 괜찮습니다. 이건 내 코드였어요(일부는 편집되어 있습니다. 여기서 가져왔습니다.) 다음은 jQuery가 없는 간단한 예입니다.사용, 어느 것 매개 변수에 지정된 개체를 나타내는 URL을 포함하는 DOMString을 만듭니다. 그런 다음 간단히 설정할 수 있습니다.src해당 URL에 대한 이미지: window.addEventListener('load', function() { docume..

programing 2023.08.31

jQuery 양식 serialize - 빈 문자열

jQuery 양식 serialize - 빈 문자열 내 html: 클릭 이벤트를 실행하면 formData가 비어 있습니다.jQuery 1.4.2를 사용하고 있습니다.당신은 그것을 주어야 합니다.input이름을 구성하다예: 알림 상자에 표시됩니다.foo=2. .serialize()양식 필드의 이름과 값을 사용하여 다음과 같은 문자열을 만듭니다.name1=value1&name2=value2이름이 없으면 이러한 문자열을 만들 수 없습니다. 참고:name와는 다른 것입니까?id당신이 "정상적인" 방식으로 사용했다면 당신의 양식도 작동하지 않았을 것입니다.모든 양식 필드에는 이름이 필요합니다.이 예제에는 적용되지 않지만 하나 이상의 양식 입력이 다음과 같은 경우 동일한 동작이 발생합니다.disabled이러한 입력은..

programing 2023.08.31
반응형