jQuery 노트 - 도구 기능 - jQuery 로고-JS 튜토리얼-php.cn

jQuery 노트 - 도구 기능 - jQuery 로고

巴扎黑

풀어 주다： 2017-07-08 11:10:58

원래의

1276명이 탐색했습니다.

jQuery는 많은 도구 함수를 정의하지만 이 함수 중 네임스페이스는 래퍼 집합에서 작동하지 않습니다. 사용자는 이를 최상위 함수로 간주할 수 있습니다. 실제로는 정적으로 입력된 함수와 유사합니다.

일반적으로 도구 기능의 주요 작업은 DOM 이외의 JavaScript 객체를 작동하거나 객체와 관련되지 않은 작업을 수행하는 것입니다.

jQuery는 $에 정의된 변수를 통해 개발자에게 유용한 고객 정보를 제공합니다. 이러한 플래그 정보를 통해 현재 브라우저의 기능을 쉽게 감지할 수 있으므로 사용자는 이 정보를 기반으로 의사결정을 내릴 수 있습니다.

이러한 플래그 정보에는 jQuery.browser, jQuery.boxModel 및 jQuery.support가 포함됩니다. userAgent 속성은 탐지 값을 반환합니다. 그러나 jQuery는 버전 1.3부터 더 이상 이 방법을 지원하지 않습니다. 이유는 사용하기 번거롭고 jQuery의 스마트 기능에 어긋나기 때문입니다. 2. 기능 감지 방법: 브라우저가 특정 기능을 지원하는지 여부에 따라 작동 방법을 결정합니다.

정확하지 않음, 가장 안전함 不 브라우저의 정체성에 관심이 없고 브라우저의 실행 능력에만 관심이 있다면 이 방법으로 충분합니다. R 예: re

            var a;
            if(document.getElementsByName){               //如果存在getElementsByName，则使用该方法获取a元素
                a = document.getElementsByName("a");
            }
            else if(document.getElementsByTagName){       //如果存在getElementsByTagName，则使用该方法获取a元素
                a = document.getElementsByTagName("a")
            }

로그인 후 복사

객체, 메소드 또는 속성을 사용할 때 현재 브라우저가 이를 지원하는지 먼저 감지할 수 있습니다. 논리식에서 브라우저가 지원하는 경우 개체, 속성 또는 메서드가 반환되고 JavaScript는 이러한 개체나 멤버를 강제로 true로 변환합니다. 지원되지 않는 경우 undefound가 반환되고 JavaScript는 이를 자동으로 false로 변환합니다.

참고: 메서드나 함수를 감지할 때 괄호를 추가하지 마세요. 그렇지 않으면 JavaScript 인터프리터가 메서드나 함수를 호출하고 지정된 함수가 없으면 컴파일 오류가 발생합니다.

브라우저 유형 감지:

js: var browser = navigator.userAgent;

jQuery: 브라우저 속성. Internet Explorer, Mozilla, Webkit, Opera 및 각 버전 정보 플래그 등 가장 널리 사용되는 4가지 브라우저 클래스를 감지할 수 있습니다. + ~ 사용 가능한 플래그로는 webkit, Safari(지원 중단됨), Opera, msie 및 mozilla가 있습니다. R b $. jquery의 브라우저 속성

1.9가 제거되었습니다.

사용자가 현재 사용하고 있는 브라우저와 관련된 정보를 반환하는 데 사용됩니다.

이 속성은 Navigator.useragent 속성을 기반으로 브라우저 정보

를 결정하므로 해당 식별이 반드시 정확하지는 않기 때문에 브라우저를 감지하는 데 사용하지 않는 것이 좋습니다.

2. 상자 모델 감지

jQuery.boxModel: 플래그는 현재 페이지에서 어떤 상자 모델이 사용되는지 확인할 수 있습니다. true: W3C 표준 박스 모델, false: IE 브라우저 박스 모델

jQuery1.0 新增该静态属性；1.3中被标记已过时，请使用 jQuery.support.boxModel替代；1.8中被移除。

除IE浏览器外，其他浏览器都支持W3C标准盒模型，而IE浏览器能够根据页面模式（严格模式或怪异模式）有选择的使用不同类型的盒模型。如果页面顶部声明了文档类型（DOCTYPE），则IE也会采用严格模式，即W3C标准盒模型解析元素。如果文档当中没有包含文档类型（DOCTYPE），或者包含了无法识别的文档类型声明，即会以怪异模式显示，并按IE的传统的盒模型来解析元素。

IE传统的盒模型和W3C标准盒模型的区别：

1.IE传统盒模型：width和height属性包含内边距和边框宽度

2.W3C标准盒模型：width和height属性不包含内边距和边框宽度

用JavaScript检测盒模型：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>检测盒模型[JavaScript]</title>
    <script src="js/jquery2.1.3.min.js"></script>
    <script type="text/javascript">
        function isBoxModel(){
            var p = document.createElement("p");
            p.style.width = p.style.paddingLeft = "1px";
            document.body.appendChild(p);
            var width = p.offsetWidth;
            p.style.display = "none";
            document.body.removeChild(p);
            return width === 2;
        }
        window.onload = function(){
            alert(isBoxModel() && "支持W3C标准盒模型" || "支持IE的怪异解析模式");
        }
    </script>
</head>
<body>
</body>
</html>

로그인 후 복사

三、检测功能或缺陷

jQuery的support属性：

返回一个Object对象，在该对象中包含了一组属性，他们代表了不同的浏览器功能或缺陷的存在的合集。

该对象的属性并不是一成不变的，jQuery也并不保证指定的属性在未来的版本中一定可用，这些属性主要供插件或内核开发人员使用。

위 내용은 jQuery 노트 - 도구 기능 - jQuery 로고의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!