文章

目前顯示的是有「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