JQuery下載
- JQuery只是一個JS函數庫,要使用其中的方法還是要在JS文件中進行調用。
- 一般去https://mvnrepository.com/這個網站下載,搜索JQuery就能找到JS文件下載。
- 下載完成後通過script src=“JQuery.js文件路徑”,進行加載,並在其他js文件中隨便寫一個加載事件進行測試即可,若成功,則表示JQuery可以進行開發了。
- 不同的JQuery版本不同,會有一些bug。遇到這用情況,換個版本使用即可。
JQuery選擇器
- id選擇器:$("#標籤ID");
- 類選擇器:$(".標籤class");
- 元素選擇器:$(“標籤元素”);
- 組選擇器:$("#標籤ID,標籤元素,.標籤class");(就是多種類型的條件組合在一起)
- 後代選擇器:$(“父標籤 標籤1”);(找到父標籤下面的所有標籤1)
- 子選擇器:$(“父標籤>標籤1”);(找到父標籤下的所有子標籤1)
- 位置選擇器:
$(“標籤a:first”);(找到第一個標籤a)
$(“標籤a:last”);(找到最後一個標籤a)
$(“標籤a:even”);(找到序數爲偶數標籤a)
$(“標籤a:odd”);(找到序數爲奇數標籤a)
$(“標籤a:eq(idenx)”);(找到索引爲index的標籤a)
$(“標籤a:lt(idenx)”);(找到索引小於index的標籤a)
$(“標籤a:gt(idenx)”);(找到索引大於index的標籤a) - 屬性選擇器
$(“標籤a[屬性x]”);(找到帶有屬性x的標籤a)
$(“標籤a[屬性x=‘數值1’]”);(找到屬性x等於數值1的標籤a)
$(“標籤a[屬性x^=‘數值1’]”);(找到屬性x以數值1開頭的標籤a)
$(“標籤a[屬性x*=‘數值1’]”);(找到屬性x值包含數值1的標籤a)
$(“標籤a[屬性x!=‘數值1’]”);(找到屬性x值不等於包含數值1的標籤a)