發表文章

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

[技術] jQuery修改圖片src

//使用jQuery語法將id為fb_thumbmail的img src修改. $("#fb_thumbnail").attr("src", "https://test.com/1.jpg");
閱讀完整內容

[jQuery] 開啟或關閉modal

使用jQuery來操作它開啟(顯示)或關閉(隱藏) $("#modal_submit").modal('show'); //開啟 $("#modal_submit").modal('hide'); //關閉 參考資料： https://dotblogs.com.tw/newmonkey48/2017/06/02/113416 https://www.w3schools.com/bootstrap/bootstrap_modal.asp
閱讀完整內容

[jQuery] 程式觸發click事件

之前使用modal時，有個情境為： user點了modal中的確定按鈕， 然後會觸發jquery事件將資料存入DB， 在存入DB後要自動關閉modal. 程式觸發click事件 (模擬user按到關閉modal按鈕) $('#btn_close').trigger('click');
閱讀完整內容

[jQuery] 區塊顯示或隱藏語法

使用jQuery將區塊顯示或隱藏 可以使用 //html程式 操作區域 //js程式 $("#article_block").show(); //顯示區塊 $("#article_block").text('換字'); //修改區塊裡的文字 $("#article_block").hide(); //隱藏區塊 參考資料： https://api.jquery.com/hide/#hidehttps://api.jquery.com/show/#show
閱讀完整內容

[技術] 網頁相關工具

jsfiddle https://jsfiddle.net/ 線上編輯器(html, css, js[可選版本])可看結果 編輯好要執行，就點左上角的Run 編輯好的程式，傳給別人看，按左上角的Save，網址列就會有存檔後的網址 參考資料： https://www.webdesigns.com.tw/jsFiddle.asp jsbin https://jsbin.com/?html,js,output 線上編輯器(html, css, js)可看結果, 有console 參考資料： https://blog.miniasp.com/post/2013/06/29/Useful-tool-JS-Bin-Collaborative-JavaScript-Debugging codepen https://codepen.io/pen/ JSCompress https://jscompress.com/ JavaScript Compressor https://javascript-compressor.com/ Online PHP Editor https://paiza.io/en/projects/new
閱讀完整內容