그 중 jQuery.browser는 이미 UserAgent를 기반으로 탐지된 브라우저 정보를 제공하고 있습니다. jQuery.support는 기능 감지를 사용하여 브라우저 기능과 버그를 확인합니다.
문서와 마찬가지로 우선 이 모듈은 매우 낮은 수준의 코드이므로 기본적으로 일상적인 개발에 사용할 필요는 없지만 플러그인 개발자에게는 더 필요하다는 점을 설명하겠습니다. 플러그인은 각 브라우저와 호환되어야 하기 때문입니다. 먼저 지원 모듈에서 제공하는 브라우저 기능 감지를 살펴보겠습니다. 다음 결과는 Chrome 13 Dev에서 표시되는 결과입니다. 브라우저에 따라 이곳의 구성원이 변경될 수 있습니다. (PS: IE에 대해 다시 불평하고 있습니다. 대부분의 속성은 IE에만 적용됩니다.)
아약스: 사실입니다. XMLHttpRequest 객체를 지원할지 여부입니다. 이전 버전의 IE에서는 지원하지 않으므로 ActiveX를 사용해야 합니다. * 추가 확인됨: true. * boxModel: 사실입니다. W3C CSS 상자 모드에 따라 렌더링할지 여부입니다. IE6 및 7의 Quirks 모드는 False입니다. * 변경버블: 사실입니다. 변경 이벤트가 DOM 트리를 따라 버블링되는지 여부입니다. 이는 W3C DOM 이벤트 모델의 요구 사항이지만 IE는 지금까지 False입니다. jQuery는 이 버블링 기능을 시뮬레이션합니다. * checkClone: 정의되지 않음. 라디오 버튼이나 체크박스를 복제할 때 선택된 상태를 유지할지 여부입니다. 앞서 createFragment 캐싱에 대해 이야기할 때 언급했듯이 WebKit 코어는 유지되지 않습니다. * checkOn : 거짓. 지정되지 않은 경우 CheckBox의 기본값이 On인지 여부입니다. * 코르스 : 사실입니다. XMLHttpRequest 객체에 withCredentials 속성이 있는지 여부. 도메인 간 요청을 수행할 수 있습니다. 또는 그러한 속성이 없지만 도메인 간 XHR 요청을 구현하는 다른 방법이 있는 경우에도 True입니다(예: Windows Gadget을 통해). * cssFloat: 사실입니다. cssFloat의 CSS 속성을 지원합니다. IE는 False이며 styleFloat를 사용합니다. * deleteExpando: 사실입니다. * focusinBubbles: 거짓. * getSetAttribute: true. * href정규화: true. 요소에 대해 getAttribute("href")를 호출할 때 원래 지정된 URL을 반환할지 여부입니다. IE는 전체 경로를 반환합니다. 예를 들어, href="1.html"인 링크의 경우 IE는 http://.../1.html을 얻게 됩니다. * html직렬화: true. innerHTML을 사용하여 링크 요소를 삽입할 수 있습니까? IE는 거짓입니다. * inlineBlockNeedsLayout: 거짓. 블록 요소가 인라인 블록으로 동작하려면 인라인이어야 하고 hasLayout(대부분의 레이아웃 문제의 원인인 IE의 개념)이어야 합니다. IE8 이하에서는 문제가 있습니다. * LeadingWhitespace: 사실입니다. innerHTML 속성이 코드에 따라 엄격하게 렌더링되는지 여부입니다. IE6-8에서는 선행 공백이 제거됩니다. (그래서 Markdown으로 작성된 이 글은 IE에서 줄 바꿈이 누락되어 서식 문제가 있습니다.) * noCloneChecked: true. 1.5.1 새로운 속성. 브라우저가 확인된 확장자 속성을 복제하는지 여부를 탐지합니다. IE는 거짓입니다. * noCloneEvent: 사실입니다. 복사된 요소에 이벤트 핸들러 기능이 포함되는지 여부(즉, 이벤트 핸들러가 복사되는지 여부)입니다. IE는 거짓입니다. * 불투명도: 사실입니다. 불투명도 CSS 속성(투명도) 지원 여부입니다. IE는 거짓이며 알파 필터를 사용합니다. * optDisabled: 사실입니다. 비활성화된 선택 요소의 옵션 요소가 기본적으로 비활성화되어 있는지 여부입니다. * optSelected: 사실입니다. 기본적으로 선택되어 있는 옵션 요소의 selected 속성이 정상인지 여부. * 라디오값: true. * ReliableHiddenOffsets: 사실입니다. 테이블의 셀이 display:none으로 설정되어 있어도 여전히 offsetWidth/Height가 있습니다. 즉, 숨겨진 것은 신뢰할 수 없습니다. IE8에만 이 문제가 있습니다. 버그 번호 4512를 참조하세요. * ReliableMarginRight: true. div에는 명시적인 너비가 있지만 오른쪽 여백은 없습니다. 이때 컨테이너를 기준으로 한 margin-right 계산이 올바르지 않습니다. 이전 버전의 WebKit에 문제가 있습니다. 버그 번호 3333 참조 * scriptEval(): 버전 1.5.1 이전에는 속성이었지만 이제는 함수가 됩니다. 표준 DOM 조작 함수를 사용하여 추가할 때 인라인 스크립트가 자동으로 실행되는지 확인합니다. AppendChild 및 createTextNode 등이 있습니다. IE는 false입니다. 텍스트를 사용하여 스크립트를 삽입합니다. *shrinkWrapBlocks: 거짓. hasLayout이 설정된 경우 요소가 상위 노드를 확장할지 여부입니다. 이는 IE6에만 적용됩니다. * 스타일: 사실. DOM 속성을 사용하여 요소의 인라인 스타일 속성에 액세스할 수 있는지 여부입니다. 예를 들어 getAttribute("스타일")입니다. cssText 속성을 사용하는 IE에서는 거짓입니다. * submitBubbles: 사실입니다. 제출 이벤트가 DOM 트리에 표시되는지 여부입니다. IE가 거짓이면 jQuery는 이 버블링 프로세스를 시뮬레이션합니다. * tbody: 사실입니다. 빈 테이블 요소가 tbody 요소를 가질 수 없는지 여부입니다. HTML 사양에 따르면 하위 요소는 선택 사항입니다. 하지만 IE는 false이므로 tbody 요소가 자동으로 삽입됩니다.
var div = document.createElement ("div" ); div.setAttribute("className", "t") div.innerHTML = "
< A 스타일="FLOAT: 왼쪽; TOP: 1px; 불투명도: .55" href="http://www.jb51.net/a">a "; all = div.getElementsByTagName("*"); a = div.getElementsByTagName("a")[0]; var select = document.createElement("select"); opt = select .appendChild(document.createElement("option")); input = div.getElementsByTagName("input")[0]; div 요소는 매우 암시적입니다. 빈 시작, 빈 테이블 요소, 인라인 스타일, 불투명도 등을 포함합니다. 코드와 주석을 한 줄씩 읽는 것 외에 다른 참고 사항은 없습니다:
support = { // IE는 선행 공백을 제거하므로 nodeType은 3이 아닙니다(텍스트) leadingWhitespace: (div.firstChild.nodeType === 3), // IE는 자동으로 tbody를 삽입하므로 길이가 다릅니다 tbody: !div.getElementsByName("tbody").length, // IE는 이러한 방식으로 링크 요소를 삽입하는 것을 허용하지 않습니다 htmlSerialize: !!div.getElementsByTagName(" link").length, // 스타일이 정상적으로 획득된 경우 이 정규식은 정상적으로 전달되어야 합니다. style: /top/.test(a.getAttribute("style ")), / / href 속성은 원래 지정된 문자열이어야 하며 IE는 이를 http hrefNormalized: (a.getAttribute("href") === "/로 시작하는 절대 URL로 수정합니다. a"), // 불투명도 속성을 얻을 수 있습니다. WebKit [bug No. 5145](http://dev.jquery.com/ticket/5145) // 하지만 이는 초기 버전에서는 문제가 될 것입니다. 적어도 Chrome 13에서는 정규식을 사용하지 않는 것이 맞습니다. 불투명도: /^0.55$/.test(a.style.opacity), // IE는 styleFloat를 사용합니다. cssFloat: !!a.style.cssFloat, // div의 확인란 If 값이 지정되지 않았습니다. 기본값이 켜져 있는지 확인하세요. 웹킷은 ""입니다. 그래서 내 결과는 false입니다. checkOn: (input.value === "on"), // 이 선택에는 옵션 요소가 하나만 있으므로 렌더링할 때 이 옵션이 기본적으로 선택됩니다. 현재 선택 항목은 true여야 합니다. optSelected: opt.selected, submitBubbles: true, changeBubbles: true, focusinBubbles: false, deleteExpando: true, noCloneEvent: true, inlineBlockNeedsLayout: false , shrinkWrapBlocks: false, reliableMarginRight: true };
jQuery 참조 방법에 대한 자세한 설명: 빠른 시작 가이드 jQuery는 웹 사이트 개발에 널리 사용되는 JavaScript 라이브러리로, JavaScript 프로그래밍을 단순화하고 개발자에게 풍부한 기능을 제공합니다. 이 기사에서는 jQuery의 참조 방법을 자세히 소개하고 독자가 빠르게 시작할 수 있도록 구체적인 코드 예제를 제공합니다. jQuery 소개 먼저 HTML 파일에 jQuery 라이브러리를 도입해야 합니다. CDN 링크를 통해 소개하거나 다운로드할 수 있습니다.
jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? jQuery에서 PUT 요청을 보내는 방법은 다른 유형의 요청을 보내는 것과 유사하지만 몇 가지 세부 사항과 매개 변수 설정에 주의해야 합니다. PUT 요청은 일반적으로 데이터베이스의 데이터 업데이트 또는 서버의 파일 업데이트와 같은 리소스를 업데이트하는 데 사용됩니다. 다음은 jQuery에서 PUT 요청 메소드를 사용하는 구체적인 코드 예제입니다. 먼저 jQuery 라이브러리 파일을 포함했는지 확인한 다음 $.ajax({u를 통해 PUT 요청을 보낼 수 있습니다.
jQuery를 사용하여 요소의 높이 속성을 제거하는 방법은 무엇입니까? 프런트엔드 개발에서는 요소의 높이 속성을 조작해야 하는 경우가 종종 있습니다. 때로는 요소의 높이를 동적으로 변경해야 할 수도 있고 요소의 높이 속성을 제거해야 하는 경우도 있습니다. 이 기사에서는 jQuery를 사용하여 요소의 높이 속성을 제거하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. jQuery를 사용하여 높이 속성을 연산하기 전에 먼저 CSS의 높이 속성을 이해해야 합니다. height 속성은 요소의 높이를 설정하는 데 사용됩니다.
제목: jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. 웹 개발에서는 페이지의 요소를 수정하고 조작해야 하는 경우가 많습니다. jQuery를 사용할 때 페이지에 있는 모든 태그의 텍스트 내용을 한 번에 수정해야 하는 경우가 있는데, 이는 시간과 에너지를 절약할 수 있습니다. 다음은 jQuery를 사용하여 페이지의 모든 태그 텍스트를 빠르게 수정하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 jQuery 라이브러리 파일을 도입하고 다음 코드가 페이지에 도입되었는지 확인해야 합니다. <
제목: jQuery를 사용하여 모든 태그의 텍스트 내용을 수정합니다. jQuery는 DOM 작업을 처리하는 데 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. 웹 개발을 하다 보면 페이지에 있는 링크 태그(태그)의 텍스트 내용을 수정해야 하는 경우가 종종 있습니다. 이 기사에서는 jQuery를 사용하여 이 목표를 달성하는 방법을 설명하고 구체적인 코드 예제를 제공합니다. 먼저 페이지에 jQuery 라이브러리를 도입해야 합니다. HTML 파일에 다음 코드를 추가합니다.
jQuery는 웹 페이지에서 DOM 조작 및 이벤트 처리를 처리하는 데 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. jQuery에서 eq() 메서드는 지정된 인덱스 위치에서 요소를 선택하는 데 사용됩니다. 구체적인 사용 및 적용 시나리오는 다음과 같습니다. jQuery에서 eq() 메서드는 지정된 인덱스 위치에 있는 요소를 선택합니다. 인덱스 위치는 0부터 계산되기 시작합니다. 즉, 첫 번째 요소의 인덱스는 0이고 두 번째 요소의 인덱스는 1입니다. eq() 메소드의 구문은 다음과 같습니다: $("s
jQuery 요소에 특정 속성이 있는지 어떻게 알 수 있나요? jQuery를 사용하여 DOM 요소를 조작할 때 요소에 특정 속성이 있는지 확인해야 하는 상황이 자주 발생합니다. 이 경우 jQuery에서 제공하는 메소드를 사용하여 이 기능을 쉽게 구현할 수 있습니다. 다음은 jQuery 요소에 특정 속성이 있는지 확인하기 위해 일반적으로 사용되는 두 가지 방법을 특정 코드 예제와 함께 소개합니다. 방법 1: attr() 메서드와 typeof 연산자를 // 사용하여 요소에 특정 속성이 있는지 확인
jQuery는 웹 개발에 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. 웹 개발 중에 JavaScript를 통해 테이블에 새 행을 동적으로 추가해야 하는 경우가 많습니다. 이 기사에서는 jQuery를 사용하여 테이블에 새 행을 추가하는 방법을 소개하고 특정 코드 예제를 제공합니다. 먼저 HTML 페이지에 jQuery 라이브러리를 도입해야 합니다. jQuery 라이브러리는 다음 코드를 통해 태그에 도입될 수 있습니다.
