iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 23
0

什麼是jQuery

jQuery是一套跨瀏覽器的JavaScript函式庫
他能簡化HTML與JavaScript之間的操作,讓使用者能快速地達成想要的網頁的動態效果
jQuery的主要強項之一就是能夠操控DOM,而你可能不需要知道他的每一個細節。

jQuery長什麼樣子呢?

$(document).ready(function(){
    $("button").click(function(){
        $("h1").hide("slow");
        $("h2").show("fast");
        $("img").slideUp();
    });
});

執行順序

  1. 等DOM準備好並且載入完成
  2. 點擊按鈕
  3. JavaScript直譯器「聽到」該點擊事件(click)並且執行附加於其上的函式
  4. JavaScript直譯器改變該頁面的DOM表示
  5. 使用者看到頁面上的變化
    JavaScript直譯器不改變原始的HTML和CSS檔案,而是在瀏覽器的記憶體裡面改變頁面的DOM表示

jQuery( )是jQuery的函式,可以用錢字號替代jQuery$()
他的工作就是選取放進圓括號裡的東西,CSS的選擇器、HTML的標籤也都可以丟進圓括號裡面
jQuery選取元素的方式其實跟CSS很像,jQ在選擇的時候使用的是與CSS相同的選擇器。

CSS選擇器選擇元素以便將樣式(style)增加到那些元素
jQ選擇器選擇元素以便將行為(behavior)增加到那些元素,然而jQ也可以透過這點來修改CSS的內容


上一篇
Day22::我所知道的 SEO
下一篇
Day24::從零開始的jQuery 學習紀錄 -2-
系列文
三十哩路,我的前端學習路程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言