需要准備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如專:index.html,先屬引入jquery。
❷ jquery插件庫一般怎麼使用。
jQuery的插件使用方法具體步驟如下:
一、調用庫文件
使用jQuery必須鏈接jQuery的庫文件,無論是壓縮版還是正常版,必須至少在網頁中鏈接一個,如:
<script type="text/javascript" src="jquery.js"></script>
二、調用Jquery插件
應用做好的jQuery插件效果。
比如jQuery官網製作的插件jQuery,在使用它時不僅要鏈接庫文件,還要鏈接UI文件以及UI的CSS文件,如:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
經過這幾部的操作,jQuery插件效果才能真正被引用到網頁文件中起到作用。
Jquery是一個優秀的Javascript庫,還兼容各種瀏覽器。jQuery使用戶能更方便地處理HTML、events、實現動畫效果,並且方便地為網站提供AJAX交互。
❸ Seajs的使用
seajs.config
alias
別名配置,配置之後可在模塊中使用require調用 require('jquery');
paths
設置路徑,方便跨目錄調用。通過靈活的設置path可以在不影響base的情況下指定到某個目錄。
vars
變數配置。有些場景下,模塊路徑在運行時才能確定,這時可以使用 vars變數來配置。
vars 配置的是模塊標識中的變數值,在模塊標識中用 {key}來表示變數。
map
該配置可對模塊路徑進行映射修改,可用於路徑轉換、在線調試等。
preload
使用preload配置項,可以在普通模塊載入前,提前載入並初始化好指定模塊。
註:preload中的空字元串會被忽略掉。
註:preload中的配置,需要等到 use 時才載入。比如:
註:preload 配置不能放在模塊文件裡面:
debug
值為true時,載入器不會刪除動態插入的 script 標簽。插件也可以根據debug配置,來決策 log 等信息的輸出。
base
Sea.js 在解析頂級標識時,會相對 base 路徑來解析。
charset
獲取模塊文件時,<script> 或 <link> 標簽的charset屬性。 默認是utf-8
charset還可以是一個函數:
seajs.use
用來在頁面中載入一個或多個模塊。seajs.use(id, callback?)
注意:seajs.use 與 DOM ready 事件沒有任何關系。如果某些操作要確保在 DOM ready 後執行,需要使用 jquery 等類庫來保證。比如
注意:use方法第一個參數一定要有,但是可以是null,也可以是一個變數
seajs.cache
通過 seajs.cache,可以查閱當前模塊系統中的所有模塊信息。
比如,打開 seajs.org,然後在 WebKit Developer Tools 的 Console 面板中輸入 seajs.cache,可以看到:
seajs.reslove
類似require.resolve,會利用模塊系統的內部機制對傳入的字元串參數進行路徑解析。
seajs.data
通過 seajs.data,可以查看 seajs 所有配置以及一些內部變數的值,可用於插件開發。當載入遇到問題時,也可用於調試。
❹ 怎麼調用jQuery
jQuery是一個兼容多瀏覽器的javascript框架。它是輕量級的js庫(壓縮後只有21k)
,這是其它的js庫所不及的,它兼容CSS3,還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera
9.0+)jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML
documents、events、實現動畫效果,並且方便地為網站提供AJAX交互。
jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。
jQuery能夠使用戶的html頁保持代碼和html內容分離,也就是說,不用再在html裡面插入一堆js來調用命令了,只需定義id即可。
jQuery如何被使用呢?
1、首先在官網下載jQuery,共有兩個版本
Proction version - 用於實際的網站中,已被精簡和壓縮。
Development version - 用於測試和開發(未壓縮,是可讀的代碼)
2、把 jQuery 添加到頁面
jQuery 庫是一個 JavaScript 文件,可以使用 HTML 的 <script> 標簽引用它