jQuery笔记——工具函数——jQuery标志-js教程-PHP中文网

首页

web前端

js教程

jQuery笔记——工具函数——jQuery标志

巴扎黑

Jul 08, 2017 am 11:10 AM

jquery函数笔记

jQuery定义了很多工具函数，这些函数的命名空间为$，但不操作包装集，用户可以把它看作是顶层函数，不同之处是他们定义在$实例上，而不是定义在window实例上，类似于静态类型函数。

通常来说，工具函数的主要任务是操作除DOM意外的JavaScript对象，或执行一些非对象相关的操作。

jQuery通过定义在$上的变量为开发人员提供一些有用的客户信息，通过这些标志信息可以方便的检测当前浏览器的功能，以便用户基于这些信息进行决策。

这些标志信息包括：jQuery.browser、jQuery.boxModel和jQuery.support

一、检测用户代理

浏览器检测方法：

1. 字符串检测法：根据navigator.userAgent属性返回值进行检测。but，jQuery从1.3版本就不再支持使用这种方法了，原因：使用麻烦，与jQuery的灵巧特色相违背。

2. 特征检测法：根据浏览器是否支持特定功能来决定操作方式。

非精确，最安全

如果不关心浏览器的身份，仅在意浏览器的执行能力，那么使用这种方法足矣。

例如：

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

当使用对象，方法或属性时，可以先检测当前浏览器是否支持它。在逻辑表达式中，如果浏览器支持，则会返回该对象，属性或方法，这是JavaScript就会强制把这些对象或成员转换为true。如果不支持，则会返回undefined，JavaScript会自动把它转换为false。

注意：检测方法或函数时，不要加小括号，否则JavaScript解释器会调用该方法或函数，同时如果指定函数伙房发不存在，会产生编译错误。

检测浏览器类型：

js：var browser = navigator.userAgent;

jQuery： browser属性。允许检测4个最流行的浏览器类，如：Internet Explorer 、Mozilla、Webkit、Opera，以及每个版本信息标志。

可用标志包括：webkit、safari（deprecated）、opera、msie和mozilla。

$.browser 属性在jQuery 1.9已经被移除。用于返回用户当前使用的浏览器的相关信息。

不建议使用该属性来检测浏览器，因为它是根据navigator.userAgent属性来确定浏览器信息的，因此它的识别并不一定准确。

二、检测盒模型

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中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

从网站到应用程序：JavaScript的不同应用Apr 22, 2025 am 12:02 AM

JavaScript在网站、移动应用、桌面应用和服务器端编程中均有广泛应用。1)在网站开发中，JavaScript与HTML、CSS一起操作DOM，实现动态效果，并支持如jQuery、React等框架。2)通过ReactNative和Ionic，JavaScript用于开发跨平台移动应用。3)Electron框架使JavaScript能构建桌面应用。4)Node.js让JavaScript在服务器端运行，支持高并发请求。

Python vs. JavaScript：比较用例和应用程序Apr 21, 2025 am 12:01 AM

Python更适合数据科学和自动化，JavaScript更适合前端和全栈开发。1.Python在数据科学和机器学习中表现出色，使用NumPy、Pandas等库进行数据处理和建模。2.Python在自动化和脚本编写方面简洁高效。3.JavaScript在前端开发中不可或缺，用于构建动态网页和单页面应用。4.JavaScript通过Node.js在后端开发中发挥作用，支持全栈开发。

C/C在JavaScript口译员和编译器中的作用Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色，主要用于实现解释器和JIT编译器。 1）C 用于解析JavaScript源码并生成抽象语法树。 2）C 负责生成和执行字节码。 3）C 实现JIT编译器，在运行时优化和编译热点代码，显着提高JavaScript的执行效率。

JavaScript在行动中：现实世界中的示例和项目Apr 19, 2025 am 12:13 AM

JavaScript在现实世界中的应用包括前端和后端开发。1)通过构建TODO列表应用展示前端应用，涉及DOM操作和事件处理。2)通过Node.js和Express构建RESTfulAPI展示后端应用。

JavaScript和Web：核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web开发中的主要用途包括客户端交互、表单验证和异步通信。1)通过DOM操作实现动态内容更新和用户交互；2)在用户提交数据前进行客户端验证，提高用户体验；3)通过AJAX技术实现与服务器的无刷新通信。

了解JavaScript引擎：实施详细信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎内部工作原理对开发者重要，因为它能帮助编写更高效的代码并理解性能瓶颈和优化策略。1)引擎的工作流程包括解析、编译和执行三个阶段；2)执行过程中，引擎会进行动态优化，如内联缓存和隐藏类；3)最佳实践包括避免全局变量、优化循环、使用const和let，以及避免过度使用闭包。

Python vs. JavaScript：学习曲线和易用性Apr 16, 2025 am 12:12 AM

Python更适合初学者，学习曲线平缓，语法简洁；JavaScript适合前端开发，学习曲线较陡，语法灵活。1.Python语法直观，适用于数据科学和后端开发。2.JavaScript灵活，广泛用于前端和服务器端编程。

Python vs. JavaScript：社区，图书馆和资源Apr 15, 2025 am 12:16 AM

Python和JavaScript在社区、库和资源方面的对比各有优劣。1)Python社区友好，适合初学者，但前端开发资源不如JavaScript丰富。2)Python在数据科学和机器学习库方面强大，JavaScript则在前端开发库和框架上更胜一筹。3)两者的学习资源都丰富，但Python适合从官方文档开始，JavaScript则以MDNWebDocs为佳。选择应基于项目需求和个人兴趣。

See all articles