JQuery下載及其選擇器總結

JQuery下載

  • JQuery只是一個JS函數庫,要使用其中的方法還是要在JS文件中進行調用。
  • 一般去https://mvnrepository.com/這個網站下載,搜索JQuery就能找到JS文件下載。
  • 下載完成後通過script src=“JQuery.js文件路徑”,進行加載,並在其他js文件中隨便寫一個加載事件進行測試即可,若成功,則表示JQuery可以進行開發了。
  • 不同的JQuery版本不同,會有一些bug。遇到這用情況,換個版本使用即可。

JQuery選擇器

  1. id選擇器:$("#標籤ID");
  2. 類選擇器:$(".標籤class");
  3. 元素選擇器:$(“標籤元素”);
  4. 組選擇器:$("#標籤ID,標籤元素,.標籤class");(就是多種類型的條件組合在一起)
  5. 後代選擇器:$(“父標籤 標籤1”);(找到父標籤下面的所有標籤1)
  6. 子選擇器:$(“父標籤>標籤1”);(找到父標籤下的所有子標籤1)
  7. 位置選擇器:
    $(“標籤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)
  8. 屬性選擇器
    $(“標籤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)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章