[学习JSLite 01] 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.io
JSLite 特性
未来有更多特性，需要您的加入^_^!
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
节点效果（展示隐藏）
HTML DOM 遍历和修改
AJAX
页面添加 JSLite 库
JSLite 库位于一个 JavaScript 文件中，其中包含了所有的 JSLite 函数。
可以通过下面的标记把 JSLite 添加到网页中：
html<head> <script type="text/javascript" src="JSLite.js"></script> </head>
请注意，<script> 标签应该位于页面的 <head> 部分。
基础 JSLite 实例
下面的例子演示了 JSLite 的 hide() 函数，隐藏了 HTML 文档中所有的 <p> 元素。
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 应用 JavaScript 效果。
JSLite 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。
基本上，您将学习到如何选取 HTML 元素，以及如何对它们执行类似隐藏、移动以及操作其内容等任务。
您需要具备的基础知识
在您开始学习 JSLite 之前，您应该对以下知识有基本的了解：
HTML
CSS
JavaScript
JSLite 参考手册
类似资料：