[教程] JSLite 02 基础语法

进修 JSLite 之前须要你有下面几个方面的基本知识

HTML
CSS
JavaScript

JSLite 既然是模拟jQuery 的API天然语法是如出一辙的。只是要领的若干差异,和API内里的代码完成不一样。

JSLite 语法实例

js$(this).hide()

演示 JSLite hide() 函数,隐蔽当前的 HTML 元素。

js$("#test").hide()

演示 JSLite hide() 函数,隐蔽 id="test" 的元素。

js$("p").hide()

演示 JSLite hide() 函数,隐蔽一切 <p> 元素。

js$(".test").hide()

演示 JSLite hide() 函数,隐蔽一切 class="test" 的元素。

JSLite 的基本语法

JSLite 语法是为 HTML 元素的拔取编制的,能够对元素实行某些操纵。
基本语法是:$(selector).action()
美圆标记定义 JSLite

挑选符 (selector) 用来挑选某个HTML元素,其语法和CSS的selector语法一样。
action() 定义操纵该HTML元素的要领。

示例

js$(this).hide() //- 隐蔽当前元素
$("p").hide() //- 隐蔽一切段落
$(".test").hide() //- 隐蔽一切 class="test" 的一切元素
$("#test").hide() //- 隐蔽一切 id="test" 的元素

提醒:JSLite 运用的语法是 XPath 与 CSS 挑选器语法的组合。在本教程接下来的章节,您将进修到更多有关挑选器的语法。

Ready事宜处置惩罚

JSLite 以下的代码:

js(document).ready(function(){  
  // JSLite methods go here...   
});
js$(document).ready(function(){
 // JSLite methods go here...
});

这为Document Ready事宜处置惩罚器以防备JSLite在页面没有完成载入前就实行。从而能够防止下面相似状况发作:

试图隐蔽还没有创建好的元素
试图猎取还没有载入的图片的大小

这个要领也能够运用下面简化的要领:

js$(function(){  
  // JSLite methods go here...   
});   
js$(function(){
 // JSLite methods go here...
}); 

你能够挑选你喜好的体式格局,但一般照样采纳$(document).ready(function(){}的体式格局以便于代码的浏览,然则不发起如许运用。

    原文作者:小弟调调
    原文地址: https://segmentfault.com/a/1190000002484151
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞