进修 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(){}的体式格局以便于代码的浏览,然则不发起如许运用。