第6章 jQuery工具方法-【千锋教育】Jquery从入门到实战

第6章 jQuery工具方法 常用工具 AJAX工具 扩展工具 常用工具 AJAX工具 ☞点击查看本小节知识架构 扩展工具 ☞点击查看本小节知识架构 ☞点击查看本小节知识架构 6.2 6.3 6.1 学习目标 掌握 掌握 了解 掌握动常见的jQuery工具方法 1 2 掌握基AJAX在jQuery中的应用 3 了解工具相关扩展方法及应用 销售额 掌握知识 理解知识 熟悉知识 3.333333 3.333333 3.333333 jQuery提供了很多辅助开发的方法，称为工具方法。这些工具方法跟前面章节中提到过的jQuery方法是有区别的。首先，从写法上来看，工具方法是通过$.方法名()的方式进行调用的，而jQuery方法则是通过$().方法名()的方式调用的。仔细观察的话，会看到它们之间的区别，一个是$，一个是$()。 写法上的不同是因为它们内部实现的方式不同，熟悉面向对象开发的读者可以了解一下，一种是通过静态方法实现的，另一种是通过实例方法实现的。在第13章中将学习到jQuery源码分析，届时会详细讲解内部实现的机制。其次，除了写法上的不同外，这两种方法在作用上也是有区别的，jQuery方法都是针对jQuery对象的，而工具方法既可以针对jQuery对象，也可以针对原生JavaScript对象，接下来做详细的讲解。 6.1 常用工具 6.1.1 类型检查 返回目录 6.1.2 类型转换 6.1.3 复制对象 6.1.4 修改this指向 6.1.5 解决框架冲突 6.1 常用工具 在实际项目中经常要对一些基础语法进行操作。这些基础操作用原生JavaScript开发会比较麻烦，存在语法复杂、不兼容等问题。用jQuery提供的工具方法可以很好地解决这些问题。 在JavaScript中一共有七种数据类型，分别为字符串、数字、布尔值、对象、null、undefined、symbol。其中对象类型属于复合类型，包括函数、日期、正则等多个分类，这些细化的类型通过原生JavaScirpt提供的typeof方法进行数据类型判断的时候，会出现很多问题，下面做简单演示，代码如下所示。 6.1.1 类型检查 6.1 常用工具 jQuery为了解决这个问题提供了一个通用方法，即$.type()方法，演示代码如下所示。 6.1.1 类型检查 6.1 常用工具 $.type()工具方法功能非常强大，可以区分各种数据类型，jQuery还提供了一些单独判断具体数据的工具方法。 如表所示。 6.1.1 类型检查 6.1 常用工具 下面对表中的方法做演示，代码如下所示。 6.1.1 类型检查 6.1 常用工具 运行以上代码可以看到，在HTML文档中，利用$.isXMLDoc()判断document会返回false，因为document在HTML文档中，并不在XML文档中。 XML跟HTML类似，也是一种标记型语言。XML被设计用来描述数据，其焦点是数据的内容。HTML被设计用来显示数据，其焦点是数据的外观。接下来创建一个字符串格式的XML文档，然后通过$.parseXML()方法解析成真正的XML文档，再通过$.isXMLDoc()工具方法进行判断，返回布尔值true。XML文档定义数据的方式正逐渐被JSON（JavaScript Object Notation，JS对象简谱）定义数据所取代，所以简单了解即可，演示代码如下所示。 6.1.1 类型检查 6.1 常用工具 在这些判断方法中，$.isEmptyObject()是用来判断一个对象是否为空的，如果一个对象有属性，就会返回false；而$.isPlainObject()是用来判断是否为自变量形式的对象，自变量形式的对象指的是通过{}或new Object()方式创建出来的对象。 前端跟后端进行交互的时候，往往需要对数据的类型进行转换。如把字符串转成对象等。所以jQuery为了方便类型转换，提供了一些相关的工具方法，如表所示。 6.1.2 类型转换 6.1 常用工具 $.parseJSON()工具方法会把字符串转成JSON对象。JSON是一种前后端交互的数据格式，演示代码如下所示。 $.parseHTML()工具方法会把字符串转成原生DOM节点，代码如下所示。 6.1.2 类型转换 6.1 常用工具 $.parseXML()工具方法前面已经介绍过了，它可以把字符串转成XML文档对象，这里不再赘述。 当把一个对象赋值给另一个对象时，会出现对象引用的问题。这种引用是因内存中出现了传递地址而产生的，现将已有对象objA赋值给对象objB，代码如下所示。 6.1.3 复制对象 6.1 常用工具 在这种情况下，如果objB对象的属性改变了，就会影响到objA对象的属性，同样，objA