반응형

jQuery 26

jQuery로 상자 그림자를 애니메이션화하는 올바른 방법

jQuery로 상자 그림자를 애니메이션화하는 올바른 방법 jQuery로 상자 그림자 속성을 애니메이션화하는 데 올바른 구문은 무엇입니까? $().animate({?:"0 0 5px #666"}); 직답 그림자 애니메이션에 에드윈 마틴의 jQuery 플러그인을 사용하는 것은.animate방법은 단순히 "boxShadow"와 함께 일반 구문을 사용하면 색상, x- 및 y-오프셋, 블러-반지름 및 스프레드-반지름과 같은 모든 면이 애니메이션화됩니다.여러 그림자 지원 기능이 포함되어 있습니다. $(element).animate({ boxShadow: "0px 0px 5px 3px hsla(100, 70%, 60%, 0.8)" }) 대신 CSS 애니메이션 사용 jQuery는 다음을 변경하여 애니메이션을 만듭니다...

programing 2023.11.05

jQuery를 사용하여 Safari 검색

jQuery를 사용하여 Safari 검색 둘 다 웹킷 기반 브라우저이지만 사파리 url은 URL에 따옴표를 인코딩하는 반면 Chrome은 그렇지 않습니다. 따라서 저는 JS에서 이 둘을 구별해야 합니다. jQuery의 브라우저 탐지 문서는 "safari"를 사용하지 않는 것으로 표시합니다. 더 좋은 방법이 있을까요, 아니면 지금은 감가상각을 그대로 유지하면 되나요?혼합하여 사용.feature detection그리고.Useragent문자열: var is_opera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0; var is_Edge = navigator.userAgent.indexOf("Edge") > -1; var is_chrome = !!..

programing 2023.11.05

jQuery를 사용하여 하나의 태그를 다른 태그로 바꾸기

jQuery를 사용하여 하나의 태그를 다른 태그로 바꾸기 목표: jQuery를 사용하여 다음과 같은 경우를 모두 대체하려고 합니다. ... 다음 항목 포함: ... 내 솔루션: 저는 다음과 같은 것들을 알아냈습니다. $('code').replaceWith( "" + $('code').html() + "" ); 솔루션의 문제점: 그러나 문제는 (두 번째, 세 번째, 네 번째 등) "코드" 태그 사이의 모든 것을 첫 번째 "코드" 태그 사이의 내용으로 대체하고 있다는 것입니다. 예. A B C 된다 A A A 저는 "이것"과 어떤 기능을 사용해야 한다고 생각합니다만, 저는 아직도 배우고 있고 해결책을 어떻게 짜맞추는지 잘 모르겠습니다.다음에 함수를 전달할 수 있습니다.[docs] $('code').repla..

programing 2023.11.05

자바스크립트는 어떻게 블롭을 업로드 할 수 있습니까?

자바스크립트는 어떻게 블롭을 업로드 할 수 있습니까? 이 구조에 블롭 데이터가 있습니다. Blob {type: "audio/wav", size: 655404, slice: function} size: 655404 type: "audio/wav" __proto__: Blob 최근 크롬을 사용해 녹음한 음성 데이터입니다.getUerMedia()그리고 Recorder.js jquery의 post method로 이 blob을 서버에 업로드하려면 어떻게 해야 합니까?운도 없이 해봤어요. $.post('http://localhost/upload.php', { fname: "test.wav", data: soundBlob }, function(responseText) { console.log(responseText)..

programing 2023.10.21

여러 노드 유형에 대해 jstree 마우스 오른쪽 버튼 클릭 상황에 맞는 메뉴 구성

여러 노드 유형에 대해 jstree 마우스 오른쪽 버튼 클릭 상황에 맞는 메뉴 구성 온라인 어딘가에서 jstree의 오른쪽 클릭 컨텍스트 메뉴(컨텍스트 메뉴 플러그인 사용)의 모양을 사용자 지정하는 방법을 보여주는 예를 보았습니다. 예를 들어, 폴더의 상황에 맞는 메뉴에서 "삭제" 선택사항을 숨겨 사용자가 "문서"는 삭제하지 않고 "폴더"는 삭제할 수 있도록 허용합니다. 지금은 그 예를 찾을 수가 없습니다.누가 제게 올바른 방향을 가르쳐 줄 수 있습니까?공식 문서는 별로 도움이 되지 않았습니다. 편집: 기본 상황에 맞는 메뉴를 한두 개만 변경하고 싶으므로 전체 메뉴를 재생성하지 않는 것이 좋습니다(단, 유일한 방법이라면 당연히 재생성합니다).제가 하고 싶은 것은 다음과 같습니다. "contextmenu"..

programing 2023.10.16

내용과 정확하게 일치하는 요소 선택

내용과 정확하게 일치하는 요소 선택 좋아요, 저는 그 방법이 무엇인지 궁금합니다.:contains()입력된 문자열만으로 요소를 선택하는 jQuery의 선택기 예를 들어 - hello hello world $('p:contains("hello")').css('font-weight', 'bold'); 셀렉터가 두 가지를 모두 선택합니다.p요소를 과감히 만들되 첫 번째 요소만 선택했으면 합니다.아니요, 그렇게 하는 jQuery(또는 CSS) 셀렉터는 없습니다. 다음을 쉽게 사용할 수 있습니다. $("p").filter(function() { return $(this).text() === "hello"; }).css("font-weight", "bold"); 선택기는 아니지만 할 수 있습니다 :-) "hello..

programing 2023.10.11

$이것 대 jQuery의 $(이것)

$이것 대 jQuery의 $(이것) 는 에 SO 해서와 좀 봤습니다.$(this).$thisjQuery에서, 그들은 나에게 이해가 됩니다. (예를 들어 여기 토론 참조) 하지만 체인성이 어떻게 작동하는지 보여주는 jQuery 웹사이트 플러그인 튜토리얼의 아래 토막글은 어떨까요? (function ($) { $.fn.lockDimensions = function (type) { return this.each(function () { var $this = $(this); if (!type || type == 'width') { $this.width($this.width()); } if (!type || type == 'height') { $this.height($this.height()); } }); }; ..

programing 2023.10.01

jquery.animate()가 있는 CSS 회전 교차 브라우저

jquery.animate()가 있는 CSS 회전 교차 브라우저 크로스 브라우저 호환 로테이션(즉, 9+)을 만드는 중이며 jsfiddle에 다음 코드가 있습니다. $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function ..

programing 2023.09.26

JQuery에 추천하는 자바스크립트 HTML 템플릿 라이브러리?

JQuery에 추천하는 자바스크립트 HTML 템플릿 라이브러리? 현재 상태로는 이 질문은 우리의 Q&A 형식에 맞지 않습니다.사실, 참고 자료 또는 전문 지식에 의해 답변이 뒷받침되기를 기대하지만, 이 질문은 토론, 주장, 여론 조사 또는 토론을 요청할 가능성이 높습니다.만약 이 질문이 개선되고 다시 열릴 수 있다고 생각한다면,안내를 받기 위해 헬프 센터를 방문합니다. 닫힘10년 전에. 어떤 HTML 템플릿 라이브러리가 JQuery와 잘 어울릴까요?구글 검색을 하면 꽤 많은 도서관이 나타나지만, 시간의 흐름을 견딜 수 있는 잘 알려진 도서관이 있는지는 잘 모르겠습니다.솔직히 말해서, 고객측 템플릿 작성은 요즘 매우 뜨겁지만, 꽤나 밀림입니다. 가장 인기있는 것은 다음과 같습니다. 순수: 그의 "구문"이 ..

programing 2023.09.26

.prop('checked', false) 또는 .removeAtr('checked')?

.prop('checked', false) 또는 .removeAtr('checked')? 프롭 방식의 도입으로 이제 나는 허용된 체크박스의 선택을 취소하는 방법을 알아야 합니다.해당: $('input').filter(':checkbox').removeAttr('checked'); 아니면 $('input').filter(':checkbox').prop('checked',false); jQuery 3 jQuery 3 현재.removeAttr해당 속성을 다음으로 설정하지 않습니다.false더 이상: jQuery 3.0 이전 버전에서는.removeAttr()등의 부울 속성으로checked,selected, 아니면readonly또한 해당 명명된 속성을 다음으로 설정합니다.false. 이 동작은 이전 버전의 Int..

programing 2023.09.26
반응형