商超 25.9 元：大寶男士洗面奶 9.9 元速囤（0 點開始）
阿新 • • 發佈：2021-10-15
jQuery是JavaScript的一套查詢類庫
jQuery的繫結單擊事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--引入jQuery庫--> <script type="text/javascript" src="../static/script/jquery-3.4.1.min.js" ></script> <script type="text/javascript"> $(function () { //相當於原來的window.onload = function(){} var $btnObj = $("#btn"); //相當於var $btnObj=document.getElementById("btn") $btnObj.click(function () { alert("jQuery！"); }) }) </script> </head> <body> <button id="btn">阿牛</button> </body> </html>
Some Questions
- 使用jQuery前要先引入jQuery庫
通過一個單獨的script標籤
-
jQuery的$是一個函式,稱之為核心函式
-
為按鈕新增響應函式步驟
- 使用jQuery查詢到標籤物件
- 標籤物件.click（function(){ }）
核心函式$()
- 傳入引數為 -函式- 時：表示頁面載入完成之後，相當於window.onload=function(){}
- 傳入引數為 -HTML字串- 時：會建立這個標籤物件
- 傳入引數為 -選擇器字串- 時：
- $("#id屬性值")：id選擇器 根據id查詢物件
- $("標籤名")：標籤選擇器 根據標籤名查詢物件
- $(".class屬性值")：類選擇器 根據類名查詢物件
jQuery物件的本質是什麼？
元素為dom物件的陣列+jQuery提供的一系列函式
---$(document).ready(function(){})是$(function(){})的完整寫法---