[教程] JSLite 01 介绍

简介

  1. JSLite 是一个 JavaScript 库。
  2. JSLite 极大地简化了 JavaScript 编程。
  3. JSLite 只针对先进浏览器支持(HTML5,CSS3)移动端浏览器编写。
  4. JSLite 使用js新方法实现jQuery API,所以体积更小、效率更高。
  5. JSLite 与jQuery有着相似的api,通用库只有5-10k,手机上每一kb都是钱。
  6. JSLite 的 API 彻底仿照 jQuery ,因此很容易学习,并且还添加了一些新的API。
  7. 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 参考手册

相关文章
相关标签/搜索