15、jQuery簡介

jQuery核心函數

  • jQuery(callback)

頁面加載後執行(最簡寫形式):$(function(){ })

  • jQuery(html,[ownerDocument])

將一個dom對象包裝成了jQuery對象。

  • jQuery([ selector;[context]])
    參數一就是css選擇器,參數二是指定要查找的dom集。
  • jQUery對象與dom對象的轉換
  • dom對象轉成jQuery對象,$(dom)
  • jQuery對象轉成dom對象,使用.get(0)
    在這裏插入圖片描述

jQuery選擇器參考手冊

https://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

jQuery DOM操作——插入

在這裏插入圖片描述

  • 內部插入
    在這裏插入圖片描述
  • 外部插入
    在這裏插入圖片描述

jQuery DOM操作——刪除

在這裏插入圖片描述

jQuery DOM操作——替換與克隆

在這裏插入圖片描述

jQuery事件介紹

jQuery事件允許綁定多個元素。

  • 一次性事件和自動觸發
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 事件切換——hover

在這裏插入圖片描述

  • 事件切換——toggle:函數依次執行
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章