JQuery學習筆記

來源:互聯網
上載者:User

標籤:指令碼語言   開頭   reset   input   瀏覽器   檢測   格式   類型   封裝   

轉載請註明原文地址:

 

一:JQuery能幹什麼

    jQuery是一個JavaScript函數庫。我們知道,JS是運行在瀏覽器的指令碼語言,可以實現頁面的動態效果控制。但是原生的JS比較簡單,實現複雜功能時所需的代碼量也是可觀的。由此,就誕生了一系列的JS函數庫。其中,jQuery是最流行的JS函數庫,其中封裝了大量功能複雜且好用的函數,我們直接調用即可。

    jQuery庫的功能:

  • HTML 元素選取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函數
  • JavaScript 特效和動畫
  • HTML DOM 遍曆和修改
  • AJAX非同步編程
  • 外掛程式機制用來擴充功能(引入某些領域特定的外掛程式工具,如:銀行系統的安全檢測外掛程式等)

 

二:JQuery的引入

    <head> <script src="jquery-1.10.2.min.js"></script> </head> 三:JQuery基本文法    基礎文法: $(selector).action()    註:與EL/JSTL不同, JQuery是通過 $() 選擇對象的,然後通過  .函數名()  調用方法。 

四:JQuery選取器:選取頁面元素

    1:基本選取器    jQuery 選取器可以通過元素的 id、類、類型、屬性、屬性值等選擇HTML 元素。    1)元素選取器:通過元素名選擇:$("name")    2)#id 選取器:頁面中元素的 id 應該是唯一的,所以在頁面中選取唯一的元素需要通過 #id 選取器:$("#id")    3)類別選取器:通過指定的 class 尋找元素:$(".類名")     2:層級選取器    可以通過層級關係由大到小地細緻選取。    1)祖先 後代 選取器:前面大選取器,後面為前面選取器結果中更小的元素選取器: $("大元素 小元素")    2)父子 選取器: $("父元素 > 子項目")    3)緊鄰 選取器:緊跟著第一個選取器後的第二個選取器元素: $("前 + 後")    4)範圍選取器: prev 元素後的所有 target元素: $("prev ~target")     3:篩選器    1)第一個: $(‘範圍元素:first‘)    2)非: $("範圍元素:not(選取器)")    3)偶數項: $("範圍元素:even")    4)奇數項: $("範圍元素:odd")    5)第i-1項(從0開始): $("範圍元素:eq(i)")     6)大於i-1項: $("範圍元素:gt(i)")    7)最後項: $(‘範圍:last‘)    8)小於i-1項: $("範圍:lt(i)")    9)文檔的根:$(":root")        4:內容選取器    1)包含某內容的元素: $("範圍元素:contains(‘內容‘)")    2)尋找空元素: $("範圍:empty")    3)包含某選取器內容的元素: $("範圍:has(選取器)")    4)尋找含有子項目的元素: $("範圍:parent")     5:屬性選取器    1)尋找包含某屬性的元素: $("範圍[屬性]")    2)尋找屬性為某值的元素: $("範圍[屬性=‘值‘]")    還有:不等於某屬性值、屬性值以某內容開頭、屬性值以某內容結尾、多個屬性條件組成的選取器等等。     6:表單選取器    表單選取器格式為:$(":標籤名")    主要有
  • :input
  • :text
  • :password
  • :radio
  • :checkbox
  • :submit
  • :image
  • :reset
  • :button
  • :file

    7:表單屬性選取器

    常用的有兩個:

    1)匹配所有選中的被選中元素(複選框、單選框等):$("input:checked")

    2)匹配所有選中的option元素:$("select option:selected")

JQuery學習筆記

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.