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

下載

jQuery的推薦去官網下載 jQuery下載地址以下圖所示： java

兩個連接對應的文件

編號	1	2
文件名	jQuery.3.4.1.min.js	jQuery.3.4.1.js
版本	發佈版（壓縮版）	開發版（常規版）
適用場景	項目上線時用	平時開發用
區別	刪除了全部的空格和回車，代碼很是緊湊，可讀性變差，可是文件大小縮減了，頁面的訪問速度加快了	規範的代碼，可讀性高

兩個文件內容都是如出一轍的，只是文件大小不一樣jquery

引用

<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的下載以及引用就結束了。windows

3. 基本語法與初始函數設計模式

基本語法

$(選擇器).方法名（）;
複製代碼

jQuery中選擇器語法能夠參考CSS，由於它們很是類似。 **核心函數符號表明jQuery，因此bash

$(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對象名稱前加title = title 就是一個jQuery對象。一樣一個元素，既能夠成爲一個DOM對象（JavaScript對象），也能夠成爲一個jQuery對象。

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

相關標籤/搜索

每日一句

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