Elaine's Blog 朝著 senior 前進的工程師

jQuery 基本語法筆記

2017-04-22

  • 當整個網頁( html, css, javascript )載入完才執行程式碼,避免找不到目標
$(document).ready(function() {
  //程式碼;
});
  • click 事件寫法
$("button").click(function() {
  //點擊之後要做的事
});
$("div").on("click", "button", function() {
  //點擊之後要做的事
});
  • 父.append(子)
  • 子.appendTo(父)
  • 父.prepend(子)
  • 子.prependTo(父)
  • 父.after(子)
  • 子.insertAfter(父)
  • 父.before(子)
  • 子 insertBefore(父)
  • remove()
  • addClass()
  • moveClass()
  • toggleClass() 如果有這個 class 就移除它
  • 如果沒這個 class 就新增它
  • hasClass()
  • fadeIn() 淡入
  • fadeOut() 淡出
  • fadeToggle() 淡入+淡出
  • show() display:block
  • hide() display:none
  • $(this).parent().attr(‘id’);

好用連結


Content