[教程] JSLite 01 介紹

時間 2020-01-06

標籤教程 jslite 介紹简体版

原文原文鏈接

簡介

JSLite 是一個 JavaScript 庫。

JSLite 極大地簡化了 JavaScript 編程。

JSLite 只針對先進瀏覽器支持(HTML5,CSS3)移動端瀏覽器編寫。

JSLite 使用js新方法實現jQuery API，所以體積更小、效率更高。

JSLite 與jQuery有着相似的api，通用庫只有5-10k，手機上每一kb都是錢。

JSLite 的 API 徹底仿照 jQuery ，因此很容易學習，並且還添加了一些新的API。

JSLite 但願儘量的使用原生簡單標準的函數方法實現，推動前端開發標準對於攻城師來講，人人有責。

官方網站

官方網站 http://JSLite.iojavascript

JSLite 特性

將來有更多特性，須要您的加入^_^!html

HTML 元素選取
HTML 元素操做
CSS 操做
HTML 事件函數
節點效果（展現隱藏）
HTML DOM 遍歷和修改
AJAX前端

頁面添加 JSLite 庫

JSLite 庫位於一個 JavaScript 文件中，其中包含了全部的 JSLite 函數。
能夠經過下面的標記把 JSLite 添加到網頁中：java

html<head>
<script type="text/javascript" src="JSLite.js"></script>
</head>

請注意，<script> 標籤應該位於頁面的 <head> 部分。git

基礎 JSLite 實例

下面的例子演示了 JSLite 的 hide() 函數，隱藏了 HTML 文檔中全部的 <p> 元素。github

html<html>
<head>
<script type="text/javascript" src="JSLite.js"></script>


<script type="text/javascript">
    $(document).ready(function(){
        $("button").click(function(){
            $("p").hide();
        });
    });
</script>


</head>

<body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">Click me</button>
</body>
</html>

下載 JSLite

可從從 JSLite.io 跳轉到github上下載，最新打包好的。編程

安裝 JSLite

如需使用 JSLite，您須要下載 JSLite 庫（會在下面爲您講解），而後把它包含在但願使用的網頁中。
JSLite 庫是一個 JavaScript 文件，您可使用 HTML 的 <script> 標籤引用它：api

html<head>
<script src="JSLite.js"></script>
</head>

您將學到什麼

在本教程中，您將經過教程以及許多在線實例，學到如何經過使用 JSLite 應用 JavaScript 效果。
JSLite 是一個「寫的更少，但作的更多」的輕量級 JavaScript 庫。
基本上，您將學習到如何選取 HTML 元素，以及如何對它們執行相似隱藏、移動以及操做其內容等任務。瀏覽器

您須要具有的基礎知識

在您開始學習 JSLite 以前，您應該對如下知識有基本的瞭解：ide

HTML
CSS
JavaScript

JSLite 參考手冊

1. Python爬蟲教程-01-爬蟲介紹
2. 01-01-python介紹
3. 01 - node - 介紹
4. 01-OC介紹
5. Dubbo介紹-01
6. 【01】Hadoop介紹
7. 01.Kafka介紹
8. 01、Android介紹
9. 01、HTML課程及介紹
10. 01-Git介紹
更多相關文章...
• 網站主機介紹 - 網站主機教程
• ASP.NET MVC 教程 - ASP.NET 教程
• Java 8 Stream 教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。