文章

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