發表文章

目前顯示的是有「DOM」標籤的文章

Jquery & AJAX

圖片
 是一個JavaScript的函式庫,極大的簡化了JavaScript的流程 $(document).ready(function(){   $("p").click(function(){     $(this).hide();   }); }); "p"處可塞任意元素 p 選取所有<p>的元素 p.infor 選取<p>中所有class為infor的元素 .infor 選取所有class = infor 元素 #infor 選取所有id = infor 元素 ul li:first 選取第一個ul的第一個li元素 ul li:first 選取每一個ul的第一個li元素 [href$='.jpg'] 選取所有帶有jpg結尾的屬性值並且帶有href屬性 a[target='_blank'] 選取所有帶有blank屬性的a元素 div#infor .head 所有 div元素中  id = infor 的 並且class = head的元素 :disabled 所有disabled的元素都將選取 Jquery事件 (document).ready(function(){}); Mouse Events click , dbclick(double - click) , mouseenter , mouseleave mousedown , mouseup , hover , focus Keyboard Events  keypress , keydown , keyup Form Events submit , change , focus , blur Doucunent load , resize , scroll , unload hide(); 可以放 "fast" , " slow" 和數字 是以千分之一秒計時,ex 1000 = 1second 隱藏 toggle(); 同樣可以放 "fast" , " slow" 和數字 可以同時兼顧隱藏跟顯示 fadeIn(); 淡入 可以放 "fast" , " slow" 和數字 是以千分之一秒計時,...

網頁設計(未完)

File 相關 <input type="file" id="input"> 讀取到的是 List 使用 DOM 獲取選擇的檔案: var selectedFile = document.getElementById('input').files[0]; 使用 jQuery 獲取選擇的檔案: var selectedFile = $('#input').get(0).files[0]; var selectedFile = $('#input')[0].files[0]; <input type="file" id="input" onchange="handleFiles(this.files)"> 當使用者選取一個檔案,呼叫 handleFiles() 會得到一個 FileList 的物件。FileList 裡面還會有一個 File 的物件,裡面的東西就是使用者選取的檔案。 如果你想要讓使用者一次選擇多個檔案,可以在 input 元素中使用 multiple 的屬性: <input type="file" id="input" multiple="true" onchange="handleFiles(this.files)"> 在上述這個例子中,檔案名單會傳遞到 handleFiles() 函數,其中包含了使用者選的每個檔案 File 物件。 A 相關 <a href="#"/> 超連結 如果<a>標籤有href屬性的話,則:link選擇器可以選到,可以focus(可以用tab鎖定),有 cursor : pointer的功能 cursor:這個屬性代表,滑鼠游標移到上面時游標如何變化。 1. default : 箭頭 2. auto : 箭頭 3. crosshair : 十字 4. pointer : 手指 5. text : 文字輸入 6. move : 移動的十字 以下還有更多樣式 參考 https://ch...