반응형

jQuery 21

다음에 어울리는 형제를 찾는 효율적이고 간결한 방법?

다음에 어울리는 형제를 찾는 효율적이고 간결한 방법? 공식적인 jQuery API를 고수하는 것은 다음을 사용하는 것 이외에 주어진 선택기와 일치하는 요소의 다음 형제를 찾는 더 간결하지만 덜 효율적인 방법이 있습니까?nextAll와 함께:first사이비급? 제가 공식 API라고 할 때 내부 해킹, 바로 Sizzle로 이동, 믹스에 플러그인 추가 등을 의미합니다. (만약 제가 그렇게 해야 한다면 그렇게 하세요, 하지만 이 질문은 그게 아닙니다.) 예를 들어, 다음과 같은 구조를 고려할 때: One Two Three Four Five Six Seven Eight 만약에 나한테.div인에this(아마도)clickhandler, what)을 선택하고 "div.foo" 선택기와 일치하는 다음 형제 div를 찾고..

itsource 2023.10.29

jQuery .hasClass() vs.is()

jQuery .hasClass() vs.is() 성능 관점에서 요소에 클래스가 할당되는지 여부를 결정하는 바람직한 방법이 있습니까? $('#foo').hasClass('bar'); 아니면 $('#foo').is('.bar'); 업데이트: 저는 댓글에 따라 테스트를 했고 댓글에 4개의 업보팅을 했습니다.제가 말한 것이 정답임이 드러났습니다.결과는 다음과 같습니다. http://jsperf.com/hasclass-vs-is-so 예를 들어, 는 다목적입니다.is('.class'),is(':checked'), 등이 의미하는 것은is가 설정 중인 클래스만 확인하는 제한된 위치에서 더 많은 작업을 수행합니다. 이런 이유로,hasClass어떤 수준에서든 성능이 우선적으로 요구된다면 더욱 빨라질 것입니다.부터is보다..

itsource 2023.10.29

jquery에 !important 포함하는 방법

jquery에 !important 포함하는 방법 jQuery를 사용하여 CSS 속성에 !important를 추가하려고 합니다. $("tabs").css('height','650px;!important'); 하지만 !important는 영향을 주지 않습니다.jquery에 중요한 !을 포함시키는 방법은?jQuery에서 이 작업을 수행할 수 있습니다. $("#tabs").css("cssText", "height: 650px !important;"); Src: http://bugs.jquery.com/ticket/2066저는 이 문제를 다음과 같이 해결했습니다. inputObj.css('cssText', inputObj.attr('style')+'padding-left: ' + (width + 5) + 'px ..

itsource 2023.10.19

표시 방법: 인라인 블록

표시 방법: 인라인 블록 제 페이지에는 보이지 않게 추가해야 하는 돔 노드가 한 묶음(약 30개) 있습니다. 완전히 로드되면 사라집니다. 요소에는 인라인 블록 스타일의 디스플레이가 필요합니다. jquery.fadeIn() 기능을 사용하고 싶습니다.이를 위해서는 요소에 처음에는 디스플레이가 있어야 합니다: 없음, 처음에는 숨길 규칙.페이드인() 후 코스를 벗어난 요소는 기본 표시: 상속; 상속이 아닌 표시 값으로 페이드 기능을 사용하려면 어떻게 해야 합니까?$("div").fadeIn().css("display","inline-block");jQuery의 애니메이트 기능을 사용하여 불투명도를 직접 변경하여 디스플레이에 영향을 주지 않을 수 있습니다.필의 좋은 아이디어를 구체화하기 위해, 여기 각 요소의 페..

itsource 2023.10.14

jQuery.extend와 jQuery.fn.extend의 차이점은?

jQuery.extend와 jQuery.fn.extend의 차이점은? jquery plugin 구문을 이해하려고 합니다. 왜냐하면 두 개의 플러그인을 하나로 병합하고 싶기 때문입니다.인터벌 해제를 중지하거나 여러 번 실행할 수 있어야 하는 깜빡이입니다. 어쨌든, 이 구문은 다음과 같습니다. jQuery.fn.extend({ everyTime: function(interval, label, fn, times) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, times); }); }, oneTime: function(interval, label, fn) { return this.each(function() { jQuery..

itsource 2023.10.04

jQuery divas 특정 인덱스로 삽입

jQuery divas 특정 인덱스로 삽입 내가 가지고 있다고 가정해 보겠습니다. 1 div:nth-child(" + (i) + ")").after("great things"); } 편집: NaN 오류를 방지하기 위해 n번째 자식 선택기에 괄호를 추가했습니다.@hof나윌리 function insertAtIndex(i) { if(i === 0) { $("#controller").prepend("okay things"); return; } $("#controller > div:nth-child(" + (i) + ")").after("great things"); } window.doInsert = function(){ insertAtIndex(2); } Item 1 Item 2 Item 4 Item 5 Ins..

itsource 2023.09.24

클릭 시 다중 선택 상자의 모든 옵션을 선택하려면 어떻게 해야 합니까?

클릭 시 다중 선택 상자의 모든 옵션을 선택하려면 어떻게 해야 합니까? 이것은 나의 HTML 입니다. UK US Canada France India China 사용자가 'Select All(모두 선택)' 버튼을 클릭하면 Select(선택) 상자의 모든 옵션이 선택되도록 합니다. $('#select_all').click( function() { // ? }); 시도해 보기: $('#select_all').click(function() { $('#countries option').prop('selected', true); }); 그리고 여기 라이브 데모가 있습니다.jQuery 버전 1.6 이상의 경우 $('#select_all').click( function() { $('#countries option')...

itsource 2023.09.24

인터넷 익스플로러 8의 jQuery 문제

인터넷 익스플로러 8의 jQuery 문제 저는 제 jQuery 기능을 IE8에서 작동시키기 위해 노력하고 있습니다.구글 서버(http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js) 에서 라이브러리를 로드하고 있습니다. $(function(){})불리지 않습니다.합니다 합니다.Object expected 했습니다를 했습니다.typeof $콘솔에서, 그것은 다음과 같이 나타났습니다.undefined. 제가 아는 다른 사이트에 가보았는데 jQuery(jquery.com )를 사용해보니 모두 작동이 되는데, 여기에 제가 놓쳤을 수 있는 부분이 있나요?변수를 정의할 때 변수 앞에 "var"를 적습니다.IE8은 "var"가 없으면 사망합니다.수정: 스크립트에..

itsource 2023.09.19

jQuery : blur() 이벤트 전 fire click() 이벤트

jQuery : blur() 이벤트 전 fire click() 이벤트 입력란이 있는데 여기서 자동 완성 제안을 하려고 합니다.코드는 다음과 같습니다. 입력 시blur()event I want to hide results' div: $("#myinput").live('blur',function(){ $("#myresults").hide(); }); 내가 내 입력에 무엇인가를 쓸 때 서버에 요청을 보내고 json 응답을 받으면 ul->li 구조로 파싱하고 이 ul을 내 ul에 넣습니다.#myresults디브 이 구문 분석된 li 요소를 클릭하면 li에서 입력으로 값을 설정하고 숨깁니다.#myresults디브 $("#myresults ul li").live('click',function(){ $("#myinp..

itsource 2023.09.14

jquery - 동적으로 만든 단추에 대해 작동하지 않는 이벤트 클릭

jquery - 동적으로 만든 단추에 대해 작동하지 않는 이벤트 클릭 이 질문에는 이미 다음과 같은 답변이 있습니다. 동적으로 생성된 요소에 대한 이벤트 바인딩? (23개 답변) 닫힘5년 전에. 저의 요구사항은 json 배열 개수와 동일한 개수의 버튼을 만드는 것입니다.jquery에서 동적으로 버튼을 만드는 데 성공했습니다.그러나 jquery의 .ready 함수의 메서드는 클릭 작업에 대해 호출되지 않습니다.SO에서 검색해 보았습니다.해결책을 거의 찾지 못했지만 아무것도 효과가 없었습니다.저는 잡동사니가 처음입니다.제발 도와주세요... 내 코드: jQuery: $(document).ready(function() { currentQuestionNo = 0; var questionsArray; $.getJS..

itsource 2023.09.14
반응형