felayman——jquery簡單入門

<!doctype html>

<html >

<head>

<title>Document</title>

$(function(){

$(window).unload(function(){

alert("真的要離開麼?");

});

</script>

</head>

<body>

<!--JQuery的作用

1.jQuery 是一個 JavaScript 函數庫。

2.HTML 元素選取

3.HTML 元素操作

4.CSS 操作

5.HTML 事件函數

6.JavaScript 特效和動畫

7.HTML DOM 周遊和修改

8.AJAX

9.Utilities

-->

<!--

JQuery的作用分類

1.選擇器

1.$("*") 比對所有選擇器

2.$("#id") 比對指定某個id的元素

3.$(".class") 比對指定某些class的元素

4.$("element") 比對指定的元素

5.$(":first") 比對某類元素的第一個元素

6.$(":last") 比對某類元素的最後一個元素

7.$(":even") 比對某類元素的個數為偶數的元素

8.$(":odd") 比對某類元素的個數為奇數的元素

9.$(":eq(index)") 比對某類元素的第(index+1)個元素

10.$(":gt(index)") 比對某類元素大于在第(index+1)個元素後面的元素

11.$(":it(index)") 比對某類元素大于在第(index+1)個元素前面的元素

12.$(":not(selector)")比對某類元素中不含selector選擇器的元素

13.$(":header") 比對所有的标題元素h1-h6

14.$(":animated") 比對所有動畫元素

15.$(":contains(content)")比對含有指定内容的元素

16.$(":empty") 比對沒有孩子節點的元素

17.$(":hidden") 比對所有正在隐藏的元素

18.$(":visible") 比對所有正在顯示的元素

19.$("selector1,selector2,selector3..")比對一些指定選擇器的y元素

20.$("[att]") 比對具有指定屬性的所有元素

21.$("[att=value]") 比對具有指定屬性且屬性等于指定的值的所有元素

22.$("[att!=value]")比對具有指定屬性但屬性不等于指定的值的所有元素

23.$(":input") 比對所有input元素

24.$(":text") 比對所有type=text的元素

25.$(":password") 比對所有type=password的元素

26.$(":radio") 比對所有type=radio的元素

27.$(":checkbox") 比對所有type=checkbox的元素

28.$("submit") 比對所有type=submit的元素

29.$(""reset) 比對所有type=reset的元素

30.$("button") 比對所有type=button的元素

31.$("image") 比對所有type=image的元素

32.$("file") 比對所有type=file的元素

33.$("enable") 比對所有激活的元素

34.$("disabled") 比對所有禁用的元素

35.$("selected") 比對所有被選取的元素

36.$("checked") 比對所有被選擇的元素

2.事件

1.bind() 向比對元素附加一個或者多個事件處理器

2.blur() 綁定失去元素函數

3.change() 當輸入域内容改變的時候觸發

4.click() 綁定點選函數

5.dbclick() 綁定輕按兩下函數

6.delegate() 為指定的元素添加一個或多個事件處理程式

7.die() 移除所有通過 live() 方法向指定元素添加的一個或多個事件處理程式

8.error() 元素遇到錯誤（沒有正确載入）時，發生 error 事件

9.event.preventDefault();isDefaultPrevented() 方法傳回指定的 event 對象上是否調用了 preventDefault() 方法

10.event.pageX 相對于文檔左邊緣的滑鼠位置

11.event.pageY 相對于文檔上邊緣的滑鼠位置。

12.event.preventDefault()阻止事件的預設動作

13.event.result 對于文檔上邊緣的滑鼠位置。

14.event.target 觸發事件的 DOM 元素。

15.event.timeStamp 該屬性傳回從 1970 年 1 月 1 日到事件發生時的毫秒數。

16.event.type 描述事件的類型。

17.event.which 訓示按了哪個鍵或按鈕

18.focus() 元素得到焦點的時候觸發函數

19.keydown() 當按下某個鍵盤的時候觸發函數

20.keypress() 當按下某個鍵盤的時候觸發函數

21.keyup() 當按下某個鍵後又松開的時候觸發函數

22.live() live() 方法為被選元素附加一個或多個事件處理程式，并規定當這些事件發生時運作的函數

23.load() 當指定的元素（及子元素）已加載時，會發生 load() 事件。

24.mousedown() 當滑鼠指針移動到元素上方，并按下滑鼠按鍵時，會發生 mousedown 事件。

25.mouseenter() 滑鼠指針穿過元素時，會發生 mouseenter 事件

26.mouseleave() 當滑鼠指針離開元素時，會發生 mouseleave 事件。

27.mousemove() 當滑鼠指針在指定的元素中移動時，就會發生 mousemove 事件

28.mouseout() 當在元素上放松滑鼠按鈕時，會發生 mouseup 事件。

29.one() one() 方法為被選元素附加一個或多個事件處理程式，并規定當事件發生時運作的函數。

30.ready() 頁面（包括圖像）已經完全呈現時，會發生 ready 事件

31.resize() 當調整浏覽器視窗的大小時，發生 resize 事件

32.scroll() 當使用者滾動指定的元素時，會發生 scroll 事件

33.select() textarea 或文本類型的 input 元素中的文本被選擇時，會發生 select 事件

34.submit() 當送出表單時，會發生 submit 事件

35.toggle() toggle() 方法用于綁定兩個或多個事件處理器函數，以響應被選元素的輪流的 click 事件

36.trigger() trigger() 方法觸發被選元素的指定事件類型

37.trrigerHandler() triggerHandler() 方法觸發被選元素的指定事件類型

38.unbid() unbind() 方法移除被選元素的事件處理程式。

39.undelegate() 删除由 delegate() 方法添加的一個或多個事件處理程式

40.unload() 當使用者離開頁面時，會發生 unload 事件

3.效果

1.show() 顯示被隐藏的元素

2.hide() 隐藏被顯示的元素

3.toggle() 對被選擇的元素進行隐藏和顯示的切換

4.sideDown() 通過對調整高度來滑動顯示被選擇元素

5.sideUp() 通過對調整高度來隐藏被選擇元素

6.sideTiggle() 通過對調整高度來切換隐藏與顯示被選擇元素

7.fadeIn() 淡入被選元素至完全不透明

8.fadeOnt() 淡出被選元素至完全不透明

9.fadeTo() 把被選元素減弱至給給定的不透明度

10.animate() 對被選元素應用自定義的動畫

11.stop() 停止在被選元素上運作動畫

12.clearQueue() 對被選元素移除所有排隊函數

13.delay() 對被選元素的所有排隊函數設定延遲

14.dequeue() 運作被選元素的下一個排隊函數

15.queue() 顯示被選元素的排隊函數

4.文檔操作

1.addClass() 向比對的元素添加指定的類名

2.after() 向比對的元素後面插入内容

3.append() 向比對的元素内部追加内容

4.appendTo() 向比對的元素内部追加内容

5.attr() 設定或傳回比對元素的屬性和值

6.before() 在每個比對的元素之前插入内容。

7.clone() 建立比對元素集合的副本。

8.detach() 從 DOM 中移除比對元素集合。

9.empty() 删除比對的元素集合中所有的子節點。

10.hasClass() 檢查比對的元素是否擁有指定的類

11.html() 設定或傳回比對的元素集合中的 HTML 内容

12.insertAfter() 把比對的元素插入到另一個指定的元素集合的後面。

13.insertBefore() 把比對的元素插入到另一個指定的元素集合的前面。

14.prepend() 向每個比對的元素内部前置内容。

15.prependTo() 向每個比對的元素内部前置内容

16.remove() 移除所有比對的元素

17.removeAttr() 從所有比對的元素中移除指定的屬性

18.removeClass() 從所有比對的元素中删除全部或者指定的類

19.replaceAll() 從所有比對的元素中删除全部或者指定的類

20.replaceWith() 用新内容替換比對的元素

21.text() 設定或傳回比對元素的内容

22.toogleClass() 從比對的元素中添加或删除一個類

23.unwrap() 移除并替換指定元素的父元素

24.val() 設定或傳回比對元素的值

25.wrap() 把比對的元素用指定的内容或元素包裹起來

26.wrapAll() 把所有比對的元素用指定的内容或元素包裹起來

27.wrapinner() 将每一個比對的元素的子内容用指定的内容或元素包裹起來

5.CSS 操作

1.css() 設定或傳回比對元素的樣式屬性

2.hight() 設定或傳回比對元素的高度

3.offset() 傳回第一個比對元素相對于文檔的位置

4.offsetParent() 傳回最近的定位祖先元素

5.postion() 傳回第一個比對元素相對于父元素的位置

6.scrollTop() 設定或傳回比對元素相對滾動條頂部的偏移

7.scrollLeft() 設定或傳回比對元素相對滾動條左側的偏移

8.width() 設定或傳回比對元素的寬度

6.AJAX 操作

1.$.ajax() 執行異步 HTTP (Ajax) 請求

2.$.ajaxComplate() 當 Ajax 請求完成時注冊要調用的處理程式

3.$.ajaxError() 當 Ajax 請求完成且出現錯誤時注冊要調用的處理程式

4.$.ajaxSend() 在 Ajax 請求發送之前顯示一條消息

5.$.ajaxSteup() 設定将來的 Ajax 請求的預設值

6.$.ajaxStart() 當首個 Ajax 請求完成開始時注冊要調用的處理程式

7.$.ajaxStop() 當所有 Ajax 請求完成時注冊要調用的處理程式

8.$.ajaxSuccess() 當 Ajax 請求成功完成時顯示一條消息

9.$.get() 使用 HTTP GET 請求從伺服器加載資料

10.$.getJSON() 使用 HTTP GET 請求從伺服器加載 JSON 編碼資料

11.$.getScript() 使用 HTTP GET 請求從伺服器加載 JavaScript 檔案，然後執行該檔案

12.$.load() 從伺服器加載資料，然後把傳回到 HTML 放入比對元素

13.$.param() 建立數組或對象的序列化表示，适合在 URL 查詢字元串或 Ajax 請求中使用

14.$.post() 使用 HTTP POST 請求從伺服器加載資料

15.$.serialize() 将表單内容序列化為字元串

16.$.serializeArray()序列化表單元素，傳回 JSON 資料結構資料。

7.周遊

1.add() 将元素添加到比對元素的集合中

2.children() 獲得比對元素集合中每個元素的所有子元素

3.andSef() 把堆棧中之前的元素集添加到目前集合中

4.closest() 從元素本身開始，逐級向上級元素比對，并傳回最先比對的祖先元素

5.contents() 獲得比對元素集合中每個元素的子元素，包括文本和注釋節點

6.each() 對 jQuery 對象進行疊代，為每個比對元素執行函數。

7.end() 結束目前鍊中最近的一次篩選操作，并将比對元素集合傳回到前一次的狀态

8.eq() 将比對元素集合縮減為位于指定索引的新元素

9.filter() 将比對元素集合縮減為比對選擇器或比對函數傳回值的新元素

10.find() 獲得目前比對元素集合中每個元素的後代，由選擇器進行篩選。

11.first() 比對元素集合縮減為集合中的第一個元素

12.has() 将比對元素集合縮減為包含特定元素的後代的集合

13.is() 根據選擇器檢查目前的比對元素集合，如果存在至少一個比對元素，則傳回 true

14.last() 将比對元素集合縮減為集合中的最後一個元素

15.map() 把目前比對集合中的每個元素傳遞給一個函數，産生包含傳回值的新的 jQuery 對象

16.next() 獲得比對元素集合中每個元素緊鄰的同輩元素

17.nextAll() 獲得比對元素集合中每個元素之後的所有同輩元素，由選擇器進行篩選

18.nextUntil() 獲得每個元素之後所有的同輩元素，直到遇到比對選擇器的元素為止

19.not() 從比對元素集合中删除元素

20.offsetParent()獲得用于定位的第一個父元素

21.parent() 獲得目前比對元素集合中每個元素的父元素，由選擇器篩選

22.parentUntil()獲得目前比對元素集合中每個元素的祖先元素，直到遇到比對選擇器的元素為止

23.prev() 獲得比對元素集合中每個元素緊鄰的前一個同輩元素，由選擇器篩選

24.prevAll() 獲得比對元素集合中每個元素之前的所有同輩元素，由選擇器進行篩選

25.prevUntil() 獲得每個元素之前所有的同輩元素，直到遇到比對選擇器的元素為止

26.siblings() 獲得比對元素集合中所有元素的同輩元素，由選擇器篩選

27.slice() 将比對元素集合縮減為指定範圍的子集

8.資料存儲

1.data() 存儲與比對元素相關的任意資料

2.$.data() 存儲與指定元素相關的任意資料

3.removedata() 移除之前存放的資料

4.$.removedata()移除之前存放的資料

9.隊列控制

1.clearQueue() 從隊列中删除所有未運作的項目

2.dequeue() 從隊列最前端移除一個隊列函數，并執行它

3.$.dequeue() 從隊列最前端移除一個隊列函數，并執行它

4.queue() 顯示或操作比對元素所執行函數的隊列

5.$.queue() 顯示或操作比對元素所執行函數的隊列

10.核心

1.$() 接受一個字元串，其中包含了用于比對元素集合的 CSS 選擇器

2.$.noConflict() 運作這個函數将變量 $ 的控制權讓渡給第一個實作它的那個庫

-->

<button>button</button>

</body>

</html>

felayman——jquery簡單入門

繼續閱讀

2021年危險化學品經營機關安全管理人員考試題庫及危險化學品經營機關安全管理人員考試技巧

Javascript建構Bingo卡片遊戲

JavaScript的那些坑之事件代理事件代理事件階段

javascript的for (var i in data)慎用javascript中的for (var i in data)謹慎用

tab滑鼠經過菜單切換

vue （vue2.0）使用總結(從大體結構總結)

vue搭建過程及出現問題

無人機--飛控科普

/\B(?=(?:\d{3})+$)/g 一條令人費解的正規表達式

适用于JavaScript的ECMAScript 2020規範向前發展

JS生成uuid的四種方法

vue-cli簡介（中文翻譯）

Ajax發送和擷取json資料到Spring mvc 1.spring mvc後端2.web前段

layui多任務上傳添加進度條

JSONObject包導入異常 java.lang.NoClassDefFoundErrorweb項目的導入包的問題