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

資訊專欄INFORMATION COLUMN

[教程] JSLite 02 基本語法

Imfan / 2897人閱讀

摘要：學習之前需要你有下面幾個方面的基本知識既然是模仿的自然語法是一模一樣的。語法實例演示函數，隱藏當前的元素。的基本語法語法是為元素的選取編制的，可以對元素執行某些操作。在本教程接下來的章節，您將學習到更多有關選擇器的語法。

學習 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() 函數，隱藏所有

元素。

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(){}的方式以便于代碼的閱讀，但是不建議這樣使用。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/91450.html

相關文章

  • [教程] JSLite 01 介紹

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

    elva 評論0 收藏0

  • 仿效jQuery如何高效的寫JSLite

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

    PascalXie 評論0 收藏0

  • JSLite 與jQuery有著類似的api，模仿jQuery的語法規范，并不是100%的覆蓋【官方

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

    Kyxy 評論0 收藏0

  • Grunt教程-前端自動化

    摘要：為何選擇壓縮編譯單元測試代碼檢查等我們需要自動化，不必重復勞動，減小工作量。用于保存項目元數據。圖像壓縮模塊。監視文件變動，做出相應動作。 為何選擇Grunt? 壓縮、編譯、單元測試、代碼檢查等 我們需要自動化，不必重復勞動，減小工作量。為何選擇Grunt呢？好像是沒有更好的選擇了。 準備工作 安裝node.js Grunt基于Node.js，安裝之前要先安裝No...

    pingink 評論0 收藏0

  • 回味JS基礎:call apply 與 bind

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

    plokmju88 評論0 收藏0

發表評論

0條評論

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