外勤365在线登录-beat365官网下载-36500365体育在线投注

認識 jQuery 的基本使用與安裝教學|JavaScript|CDN|jQuery|伊恩踩坑筆記

認識 jQuery 的基本使用與安裝教學|JavaScript|CDN|jQuery|伊恩踩坑筆記

更改屬性值

假設我要將以上的 id 屬性值 ccc 改為 abc,只要這樣做就可以了

$('#cc').attr('id', 'abc')加入 CSS 樣式Hello!假設我想把它改成綠色,有多種方式:

直接透過 css 語法改變文字顏色$('.text-red').css('color', 'green')先宣告一個樣式,將元素取名字後先移除原本樣式,再添加新的樣式進去.green { color: green;}Hello!$('#hello-text').removeClass('text-red').addClass('green')直接把樣式移除,不讓它有 class 屬性$('#hello-text').removeAttr('class')控制欄位屬性值當然也可以針對欄位做處理,例如我要添加值給該欄位

$('#name').val('123')$('input[name=name]').val('123')$('input[id=name]').val('123')// 任一種方法都行動畫

我先將這個 div 區塊隱藏,因為某些事件後把 div 叫出

$('#layout').fadeIn(2000)// 每 1000 ms 為 1 秒// 也可以使用 'slow', 'fast'只要懂得選擇器怎麼使用,你就可以拿來做很多事,很建議初步程式的新手可以試著玩玩看 jQuery,可以稍微知道程式運作的原理。當然如果你一開始就接觸框架,例如 Vue, React… 可以直接跳過 jQuery 去學原生 JavaScript 也是個非常好的選擇!

程式都各有好壞,一切就是看你「要做什麼」而去選擇哪個程式語言

還有非常多的功能,上面只是提到一點皮毛而已,可以參考 jQuery 官方文件 一探究竟

相关推荐