1. 程式人生 > 其它 >jQuery類庫

jQuery類庫

"""
IE瀏覽器:前端針對IE有時候需要單獨再編寫一份程式碼
"""

Write less, do more  寫的更少做的更多

1.載入速度快
2.選擇器更多更好用
3.一行程式碼走天下
4.支援ajax請求(重點)
5.相容多瀏覽器

準備工作
	1.下載核心檔案到本地引入(沒有網路也可以使用)
    	<script src="jQuery3.6.js"></script>
 	2.CDN網路資源載入(必須有網路才可以使用)
    	https://www.bootcdn.cn/
    https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js
    https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js
        
什麼是CDN
	內容分發網路
    
jQuery匯入之後需要使用關鍵字才可以使用
	預設的關鍵字就是jQuery但是不好輸入 >>>:	$
    
jQuery封裝了JS程式碼 讓編寫更簡單 但是有時候JS程式碼更快


js程式碼與jQuery程式碼對比
    let pEle = document.getElementsByTagName('p')[0]
    undefined
    pEle.style.color = 'red'
    'red'
    pEle.nextElementSibling.style.color = 'green'

    $('p').first().css('color','yellow').next().css('color','blue')

標籤物件與jQuery物件

1.不同的物件能夠呼叫的方法是不同的
	在編寫程式碼的時候一定要看清楚手上的是什麼物件
2.兩者可以互相轉換
	變遷物件轉jQuery物件
    $(標籤物件)
    jQuery物件轉標籤物件
    jQuery物件[0]