zoukankan      html  css  js  c++  java
  • day41-20180717笔记

    笔记:Python3 前端jquery

    一、前端jquery

    jquery简介

    jQuery 是一个 JavaScript 库。

    jQuery 极大地简化了 JavaScript 编程。

    jQuery 库可以通过一行简单的标记被添加到网页中。

    在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:

    • HTML
    • CSS
    • JavaScript

    什么是 jQuery ?

    jQuery是一个JavaScript函数库。

    jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

    jQuery库包含以下功能:

    • HTML 元素选取
    • HTML 元素操作
    • CSS 操作
    • HTML 事件函数
    • JavaScript 特效和动画
    • HTML DOM 遍历和修改
    • AJAX
    • Utilities

    提示: 除此之外,Jquery还提供了大量的插件。

    为什么使用 jQuery ?

    目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

    很多大公司都在使用 jQuery, 例如:

    • Google
    • Microsoft
    • IBM
    • Netflix

    jquery安装

    网页中添加 jQuery

    可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:

    • 从 jquery.com 下载 jQuery 库
    • 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

    下载 jQuery

    有两个版本的 jQuery 可供下载:

    • Production version - 用于实际的网站中,已被精简和压缩。
    • Development version - 用于测试和开发(未压缩,是可读的代码)

    以上两个版本都可以从 jquery.com 中下载。

    jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:

    <head>
    <script src="jquery-1.10.2.min.js"></script>
    </head>

    提示: 将下载的文件放在网页的同一目录下,就可以使用jQuery。

    替代方案

    如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。

    BootCDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

    如果你的站点用户是国内的,建议使用百度、又拍云、新浪等国内CDN地址,如果你站点用户是国外的可以使用谷歌和微软。

    注:本站实例均采用菜鸟教程 CDN 库。

    如需从 BootCDN、又拍云、新浪、谷歌或微软引用 jQuery,请使用以下代码之一:

    BootCDN:

    <head>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
    </script>
    </head>

    百度 CDN:

    <head>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
    </head>

    又拍云 CDN:

    <head>
    <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
    </script>
    </head>

    新浪 CDN:

    <head>
    <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
    </script>
    </head>

    Google CDN:

    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    </head>

    不大推荐使用Google CDN来获取版本,因为Google产品在中国很不稳定。

    Microsoft CDN:

    <head>
    <script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
    </script>
    </head>
  • 相关阅读:
    手下有个人总是用一些小的缺点来否认你的决定的优点,如何解决这个问题? (转载)
    初等代数
    全民上网到全民织网 Web 2.0掀起人民战争
    这个sql语句:列出各门课程成绩最好的两位学生?
    在XML中发送二进制数据
    .NetFramework 数据保存与传输之序列化对象
    Duwamish学习之构架篇错误捕获
    在.NET环境中使用单元测试工具NUnit
    [翻译]XNA外文博客文章精选之fourteen
    [翻译]XNA外文博客文章精选之nine
  • 原文地址:https://www.cnblogs.com/ivan-yang/p/9336450.html
Copyright © 2011-2022 走看看