- 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
将来有更多特性,须要您的加入^_^!html
HTML 元素选取
HTML 元素操做
CSS 操做
HTML 事件函数
节点效果(展现隐藏)
HTML DOM 遍历和修改
AJAX前端
JSLite 库位于一个 JavaScript 文件中,其中包含了全部的 JSLite 函数。
能够经过下面的标记把 JSLite 添加到网页中:java
html<head> <script type="text/javascript" src="JSLite.js"></script> </head>
请注意,<script>
标签应该位于页面的 <head>
部分。git
下面的例子演示了 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.io 跳转到github上下载,最新打包好的。编程
如需使用 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