📝 jQuery教程
1917篇技术文档📅 最后修改于: 2020-10-23 08:12:51 🧑 作者: Mango
jQuery是John Resig在2006年创建的快速简洁的JavaScript库。jQuery简化了HTML文档的遍历，事件处理，动画和Ajax交互，以实现快速Web开发。听众本教程专为希望以简单易用的方式学习jQuery及其编程概念基础的软件程序员而设计。本教程将通过适当的示例使您对jQuery组件有足够的了解。先决条件在继续本教程之前，您应该对HTML，CSS，JavaScript，文档对...
📅 最后修改于: 2020-10-23 08:13:24 🧑 作者: Mango
什么是jQuery？jQuery是John Resig在2006年创建的一个快速简洁的JavaScript库，它的座右铭是：少写，多做。 jQuery简化了HTML文档的遍历，事件处理，动画和Ajax交互，从而实现了快速的Web开发。 jQuery是一个JavaScript工具箱，旨在通过减少代码编写来简化各种任务。这是jQuery支持的重要核心功能的列表-DOM操作-通过使用称为Sizzle的跨...
📅 最后修改于: 2020-10-23 08:14:15 🧑 作者: Mango
jQuery是使用JavaScript功能构建的框架。因此，您可以使用JavaScript中可用的所有功能和其他功能。本章将解释最基本的概念，但在jQuery中经常使用。串JavaScript中的字符串是一个不可变的对象，不包含一个，一个或多个字符。以下是JavaScript字符串的有效示例-号码JavaScript中的数字是双精度64位格式的IEEE 754值。它们像字符串一样是不可变的。以下是...
📅 最后修改于: 2020-10-23 08:14:58 🧑 作者: Mango
jQuery库利用级联样式表（CSS）选择器的功能，使我们可以快速轻松地访问文档对象模型（DOM）中的元素或元素组。jQuery Selector是一个函数，它使用表达式根据给定的条件从DOM中找出匹配的元素。简单地说，选择器用于使用jQuery选择一个或多个HTML元素。一旦选择了元素，我们就可以对该选定的元素执行各种操作。$（）工厂函数jQuery选择器以美元符号和括号-$（）开头。工厂函数$...
📅 最后修改于: 2020-10-23 08:15:36 🧑 作者: Mango
jQuery是一个非常强大的工具，它提供了各种DOM遍历方法来帮助我们随机选择文档中的元素以及采用顺序方法。大多数DOM遍历方法都不会修改jQuery对象，而是用于根据给定条件从文档中过滤掉元素。按索引查找元素考虑一个具有以下HTML内容的简单文档-现场演示这将产生以下结果-每个列表上方都有自己的索引，可以使用eq（index）方法直接定位，如下例所示。每个子元素的索引都从零开始，因此，将使用$（...
📅 最后修改于: 2020-10-23 08:16:08 🧑 作者: Mango
jQuery库几乎支持级联样式表（CSS）规范1至3中包含的所有选择器，这在World Wide Web Consortium的网站上已概述。使用JQuery库，只要浏览器启用了JavaScript，开发人员就可以增强其网站，而不必担心浏览器及其版本。大多数JQuery CSS方法不会修改jQuery对象的内容，而是用于将CSS属性应用于DOM元素。应用CSS属性使用JQuery方法css（Pro...
📅 最后修改于: 2020-10-23 08:16:50 🧑 作者: Mango
JQuery提供了有效地操作DOM的方法。您无需编写大型代码即可修改任何元素的属性值或从段落或分区中提取HTML代码。JQuery提供了诸如.attr（），.html（）和.val（）之类的方法，这些方法充当获取器，从DOM元素中检索信息以供以后使用。内容操纵html（）方法获取第一个匹配元素的html内容（innerHTML）。这是方法的语法-例以下是使用.html（）和.text（val）方法...
📅 最后修改于: 2020-10-23 08:17:59 🧑 作者: Mango
我们可以使用事件创建动态网页。事件是Web应用程序可以检测到的操作。以下是示例事件-鼠标点击网页加载将鼠标移到元素上提交HTML表格键盘上的击键等触发这些事件后，您便可以使用自定义函数对事件进行几乎所有的操作。这些自定义函数调用事件处理程序。绑定事件处理程序使用jQuery事件模型，我们可以使用bind（）方法在DOM元素上建立事件处理程序，如下所示：现场演示此代码将使除法元素响应click事件；...
📅 最后修改于: 2020-10-23 08:18:44 🧑 作者: Mango
AJAX是异步JavaScript和XML的首字母缩写，这项技术可帮助我们从服务器加载数据，而无需刷新浏览器页面。如果您是AJAX的新手，建议您先阅读我们的Ajax教程，然后再继续。JQuery是一个很棒的工具，它提供了丰富的AJAX方法集来开发下一代Web应用程序。加载简单数据使用JQuery AJAX加载任何静态或动态数据非常容易。 jQuery提供load（）方法来完成这项工作-句法这是lo...
📅 最后修改于: 2020-10-23 08:19:26 🧑 作者: Mango
jQuery提供了一个简单的界面来执行各种惊人的效果。 jQuery方法使我们能够以最少的配置快速应用常用的效果。本教程介绍了创建视觉效果的所有重要jQuery方法。显示和隐藏元素显示和隐藏元素的命令几乎与我们期望的一样-show（）显示包装集中的元素，而hide（）隐藏它们。句法这是show（）方法的简单语法-这是所有参数的描述-速度-代表三个预定义速度（“慢”，“正常”或“快”）之一或运行动画...
📅 最后修改于: 2020-10-23 08:19:40 🧑 作者: Mango
可以将交互作用添加到任何元素的基于鼠标的基本行为。通过使用交互，我们可以创建可排序的列表，可调整大小的元素，拖放行为。交互还为更复杂的小部件和应用程序提供了很好的构建块。Sr.No.Interactions & Description1Drag ableEnable drag able functionality on any DOM element.2Drop ableEnable any DO...
📅 最后修改于: 2020-10-23 08:19:55 🧑 作者: Mango
jQuery UI小部件是专用的jQuery插件。使用插件，我们可以将行为应用于元素。但是，插件缺少一些内置功能，例如将数据与其元素关联，公开方法，将选项与默认值合并以及控制插件寿命的方法。Sr.No.Widgets & Description1AccordionEnable to collapse the content, that is broken into logical sections...
📅 最后修改于: 2020-10-23 08:20:16 🧑 作者: Mango
jQuery具有两个不同的样式主题，分别为A和B，每个按钮，条形图，内容块等都有不同的颜色。J查询主题化的语法如下所示-一个简单的A主题示例，如下所示-现场演示这应该产生以下结果-一个简单的B主题示例，如下所示-现场演示这应该产生以下结果-...
📅 最后修改于: 2020-10-23 08:20:47 🧑 作者: Mango
jQuery在$（name space）的形式中提供了服务器实用程序。这些方法有助于完成编程任务。一些实用程序方法如下所示。$ .trim（）$ .trim（）用于删除开头和结尾的空格$ .each（）$ .each（）用于遍历数组和对象可以在选择上调用.each（）来迭代选择中包含的元素。 .each（）而不是$ .each（）应该用于遍历选择中的元素。$ .inArray（）$ .inArra...
📅 最后修改于: 2020-10-23 08:21:09 🧑 作者: Mango
插件是用标准JavaScript文件编写的一段代码。这些文件提供了有用的jQuery方法，可以与jQuery库方法一起使用。您可以从https://jquery.com/plugins的存储库链接中下载大量jQuery插件。如何使用插件为了使我们可以使用插件的方法，我们在文档的<head>中包含与jQuery库文件非常相似的插件文件。我们必须确保它出现在主jQuery源文件之后以及自定义JavaS...