jQuery菜鸟教程04

时间 2019-12-05

标签 jquery 菜鸟教程栏目 JQuery 繁體版

原文原文链接

jquery框架中包含了不少jquery插件

jQuery其余

jQuery - noConflict() 方法 css

如何在页面上同时使用 jQuery 和其余框架？html

这个方法可让你的jQuery中$符号与页面的中$区分，就是与jQuery中特有的字符区别开来。jquery

jQuery JSONP

JSON - 转换为 JavaScript 对象

JSON 文本格式在语法上与建立 JavaScript 对象的代码相同。json

因为这种类似性，无需解析器，JavaScript 程序可以使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。(变成JavaScript对象，就能够操做对象的方法和属性啦)跨域

JSON 比 XML 更小、更快，更易解析。浏览器

为何使用 JSON？

对于 AJAX 应用程序来讲，JSON 比 XML 更快更易使用：安全

使用 XML

读取 XML 文档
使用 XML DOM 来循环遍历文档
读取值并存储在变量中

使用 JSON

读取 JSON 字符串
用 eval() 处理 JSON 字符串

可使用方法让 JavaScript 对象转换为 JSON 字符串cookie

JSON 解析器

eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。框架

使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的作法。JSON 解析器只能识别 JSON 文本，而不会编译脚本。jquery插件

在浏览器中，这提供了原生的 JSON 支持，并且 JSON 解析器的速度更快。

较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。

JSONP 教程

本章节咱们将向你们介绍 JSONP 的知识。

Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可让网页从别的域名（网站）那获取资料，即跨域读取数据。

为何咱们从不一样的域（网站）访问数据须要一个特殊的技术(JSONP )呢？这是由于同源策略。

同源策略，它是由Netscape提出的一个著名的安全策略，如今全部支持JavaScript 的浏览器都会使用这个策略。

jQuery插件

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，知足应用程序各类需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。全部的捆绑方法默认使用英语做为错误信息，且已翻译成其余 37 种语言。

1:jQuery Cookie

jQuery 能够经过 jquery.cookie.js 插件来操做 Cookie。

2:jQuery Accordion

jQuery Accordion 插件用于建立折叠菜单。它一般与嵌套的列表、定义列表或嵌套的 div 一块儿使用。选项用于指定结构、激活的元素和定制的动画。

3:jQuery Autocomplete

jQuery Autocomplete插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。经过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。经过输入更多的字符，用户能够过滤列表以得到更好的匹配。

这个是至关于输入框时的提示

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
 
 
</body>
</html>

4:jQuery Growl

jQuery Growl 插件(消息提醒) 容许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不须要单击"肯定"按钮等。用户也能够经过移动鼠标或点击关闭按钮加快隐藏信息。

5:jQuery Password Validation（密码验证）

jQuery Password Validation（密码验证）插件扩展了 jQuery Validate 插件，提供了两种组件：
一种评价密码的相关因素的功能：好比大小写字母的混合状况、字符（数字、特殊字符）的混合状况、长度、与用户名的类似度（可选的）。
一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本能够被本地化。

您能够简单地自定义强度显示的外观、本地化消息显示，并集成到已有的表单中。

6:jQuery Prettydate

jQuery Prettydate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，知足应用程序各类需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。全部的捆绑方法默认使用英语做为错误信息，且已翻译成其余 37 种语言。

7:jQuery Tooltip

jQuery Tooltip 插件取代了原生的工具提示框，让它们可自定义，您只须要调整它们的内容、位置和外观便可。

8:jQuery 树型菜单插件(Treeview)

jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。适用于一些菜单的导航，支持基于 cookie 的持久性菜单。