[教程] 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介绍与使用