国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[教程] JSLite 02 基本語法

Imfan / 2889人閱讀

摘要:學(xué)習(xí)之前需要你有下面幾個方面的基本知識既然是模仿的自然語法是一模一樣的。語法實(shí)例演示函數(shù),隱藏當(dāng)前的元素。的基本語法語法是為元素的選取編制的,可以對元素執(zhí)行某些操作。在本教程接下來的章節(jié),您將學(xué)習(xí)到更多有關(guān)選擇器的語法。

學(xué)習(xí) JSLite 之前需要你有下面幾個方面的基本知識

  

HTML
CSS
JavaScript

JSLite 既然是模仿jQuery 的API自然語法是一模一樣的。只是方法的多少差別,和API里面的代碼實(shí)現(xiàn)不一樣。

JSLite 語法實(shí)例
js$(this).hide()

演示 JSLite hide() 函數(shù),隱藏當(dāng)前的 HTML 元素。

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

演示 JSLite hide() 函數(shù),隱藏 id="test" 的元素。

js$("p").hide()

演示 JSLite hide() 函數(shù),隱藏所有

元素。

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

演示 JSLite hide() 函數(shù),隱藏所有 class="test" 的元素。

JSLite 的基本語法

JSLite 語法是為 HTML 元素的選取編制的,可以對元素執(zhí)行某些操作。
基礎(chǔ)語法是:$(selector).action()
美元符號定義 JSLite

選擇符 (selector) 用來選擇某個HTML元素,其語法和CSS的selector語法一樣。
action() 定義操作該HTML元素的方法。

示例
js$(this).hide() //- 隱藏當(dāng)前元素
$("p").hide() //- 隱藏所有段落
$(".test").hide() //- 隱藏所有 class="test" 的所有元素
$("#test").hide() //- 隱藏所有 id="test" 的元素
  

提示:JSLite 使用的語法是 XPath 與 CSS 選擇器語法的組合。在本教程接下來的章節(jié),您將學(xué)習(xí)到更多有關(guān)選擇器的語法。

Ready事件處理

JSLite 如下的代碼:

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

這為Document Ready事件處理器以防止JSLite在頁面沒有完成載入前就執(zhí)行。從而可以避免下面類似情況發(fā)生:

  

試圖隱藏尚未創(chuàng)建好的元素
試圖獲取尚未載入的圖片的大小

這個方法也可以使用下面簡化的方法:

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

你可以選擇你喜歡的方式,但通常還是采用$(document).ready(function(){}的方式以便于代碼的閱讀,但是不建議這樣使用。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/91450.html

相關(guān)文章

  • [教程] JSLite 01 介紹

    摘要:極大地簡化了編程。與有著類似的,通用庫只有,手機(jī)上每一都是錢。可以通過下面的標(biāo)記把添加到網(wǎng)頁中請注意,標(biāo)簽應(yīng)該位于頁面的部分。 簡介 JSLite 是一個 JavaScript 庫。 JSLite 極大地簡化了 JavaScript 編程。 JSLite 只針對先進(jìn)瀏覽器支持(HTML5,CSS3)移動端瀏覽器編寫。 JSLite 使用js新方法實(shí)現(xiàn)j...

    elva 評論0 收藏0
  • 仿效jQuery如何高效的寫JSLite

    摘要:討論和性能的文章并不罕見。快速渲染和響應(yīng)意味著更好的用戶體驗(yàn)。附加事件處理程序的首選方法。糟糕建議高效使用子查詢緩存的父元素正如前面所提到的,遍歷是一項(xiàng)昂貴的操作。糟糕建議高效避免通用選擇符將通用選擇符放到后代選擇符中,性能非常糟糕。 討論jQuery和javascript性能的文章并不罕見。然而,我計(jì)劃根據(jù)他人對jQuery總結(jié)的一些速度方面的技巧和一些建議,來教你提升你的JSLit...

    PascalXie 評論0 收藏0
  • JSLite 與jQuery有著類似的api,模仿jQuery的語法規(guī)范,并不是100%的覆蓋【官方

    摘要:與有著絕大部分類似的,通用庫只有,手機(jī)上每一都是錢。目前及的最新版已經(jīng)支持。在這個函數(shù)中,原來的對象是無效的。與方法相同,接受一個標(biāo)準(zhǔn)格式的字符串,并返回解析后的對象。這有點(diǎn)像,但是是相反的方式。 [JSLite.io] showImg(https://img.shields.io/github/issues/JSLite/JSLite.svg); showImg(https://im...

    Kyxy 評論0 收藏0
  • Grunt教程-前端自動化

    摘要:為何選擇壓縮編譯單元測試代碼檢查等我們需要自動化,不必重復(fù)勞動,減小工作量。用于保存項(xiàng)目元數(shù)據(jù)。圖像壓縮模塊。監(jiān)視文件變動,做出相應(yīng)動作。 為何選擇Grunt? 壓縮、編譯、單元測試、代碼檢查等 我們需要自動化,不必重復(fù)勞動,減小工作量。為何選擇Grunt呢?好像是沒有更好的選擇了。 準(zhǔn)備工作 安裝node.js Grunt基于Node.js,安裝之前要先安裝No...

    pingink 評論0 收藏0
  • 回味JS基礎(chǔ):call apply 與 bind

    摘要:使用方法調(diào)用匿名函數(shù)在下例中的循環(huán)體內(nèi),我們創(chuàng)建了一個匿名函數(shù),然后通過調(diào)用該函數(shù)的方法,將每個數(shù)組元素作為指定的值執(zhí)行了那個匿名函數(shù)。這個匿名函數(shù)的主要目的是給每個數(shù)組元素對象添加一個方法,這個方法可以打印出各元素在數(shù)組中的正確索引號。 原文:回味JS基礎(chǔ):call apply 與 bind 在JavaScript中,call、apply和bind是Function對象自帶的三個方法...

    plokmju88 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<