day41-20180717筆記

筆記:Python3 前端jquerycss

 

1、前端jquery
html

jquery簡介前端

jQuery 是一個 JavaScript 庫。jquery

jQuery 極大地簡化了 JavaScript 編程。ajax

jQuery 庫能夠經過一行簡單的標記被添加到網頁中。編程

在您開始學習 jQuery 以前,您應該對如下知識有基本的瞭解:api

  • HTML
  • CSS
  • JavaScript

 

什麼是 jQuery ?

jQuery是一個JavaScript函數庫。服務器

jQuery是一個輕量級的"寫的少,作的多"的JavaScript庫。網絡

jQuery庫包含如下功能:app

  • 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>
相關文章
相關標籤/搜索