jQuery入門一（jQuery下載以及基本語法）

時間 2019-12-13

原文原文鏈接

1. jQuery簡介
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype以後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是「write Less，Do More」，即倡導寫更少的代碼，作更多的事情。它封裝JavaScript經常使用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操做、事件處理、動畫設計和Ajax交互。詳情請查看百度百科
簡單來講，jQuery就是簡化了JS中繁瑣的DOM操做，使你的代碼更簡潔，真正作到「write Less，Do More」javascript

2. 下載以及引用html

下載

引用

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
    </head>
    
    <body>
    
    </body>
</html>

直接引入外部文件就好了，文件路徑信息不要寫錯，jQuery的下載以及引用就結束了。jquery

3. 基本語法與初始函數windows

基本語法

$(選擇器).方法名（）;

jQuery中選擇器語法能夠參考CSS，由於它們很是類似。
核心函數$()：獲取頁面中元素轉化爲jQuery對象
選擇器 ：獲取須要操做的DOM元素
方法名 ()：jQuery中提供的方法，其中包括綁定事件處理的方法
$符號表明jQuery，因此設計模式

$(function(){}) 等價於
 jQuery(function({})

兩種寫法都是合法的，意思都同樣，$是簡寫的一種形式框架

- 初始函數函數

	windows.onload()	$(document).ready()
執行時機	必須等待頁面中全部的內容加載完畢後（圖片、flash、視頻等）才能執行	網頁中全部的DOM文檔結構繪製完畢後當即執行，可能與DOM元素關聯的內容（圖片、flash、視頻）並無加載完。
編寫個數	同一頁面不能編寫多個	同一頁面能夠編寫多個
簡化寫法	無	$(function(){})

- DOM模型
將HTML XML等文檔結構的標籤語言當作DOM模型
DOM模型下便是DOM節點
DOM節點有三種類型：優化

元素節點：例如<html> <div> <body>...全部的元素
屬性節點：元素節點的屬性例如title src alt...
文本節點：文本節點

- DOM對象動畫

以上三種節點類型的具體對象就是DOM對象。
使用層面：凡是JavaScript可以直接操做的對象，就是DOM對象。
例如：var title = document.getElementById("myTitle");
經過js獲取到的title對象，就是一個DOM對象

- jQuery對象
凡是jQuery可以直接操做的對象，就是jQuery對象。
爲了容易區別DOM對象和jQuery對象，通常都會在jQuery對象名稱前加$號
例如：var $title = $("#myTitle");
經過jQuery對象獲取到的 $title 就是一個jQuery對象。一樣一個元素，既能夠成爲一個DOM對象（JavaScript對象），也能夠成爲一個jQuery對象。

注意：DOM對象只適用於js的各類語法（函數、屬性），jQuery對象只用於jQuery的各類語法（函數、屬性）。
DOM對象與jQuery對象互相獨立。
例如：
title是DOM對象，所以可使用js屬性或方法 title.innerHTML
$title是jQuery對象，所以可使用jQuery屬性或方法 $title.html()

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。