jQuery 3 0 的變化及使用方法

2021-07-13 13:46:54 字數 1369 閱讀 2450

出自:

時隔 3 個月,jquery 團隊終於發布了 3.0 alpha 版本。有兩個版本 jquery compat 3.0 和 jquery 3.0。

此外, 3.0還增加了對 yandex 瀏覽器的支援,一款來自俄羅斯的瀏覽器。

1、簡化了 show/hide

之前的 show/hide 是大相容,比如 show, 無論元素的 display 是寫在style,stylesheet裡都能顯示出來。3.0 則不同了,寫在 stylesheet 裡的 display:none 呼叫 show 後仍然隱藏。 3.0 建議採用 class 方式去顯示隱藏,或者完全採用 hide 先隱藏(不使用css**),再呼叫 show 也可以。

2、data 方法相容 data-name-11 寫法

這個問題本質是$.camelcase方法的實現差異

// 3.0 輸出 "name-11", 3.0 之前版本輸出 "name11"

$.camelcase('data-name-11')

3、derferred 相容了 promise/a+

3.0 終於可以自信的宣告支援 promise/a 了,之前一直被詬病是閹割版的。

4、$.ajax 物件刪除了 success | error | complete 方法

這是因為 promise/a 規範的推動,大家對 promise 的使用越來越多,之前對應 derferred 上的幾個方法沒有存在的必要了

// 以下方法在 3.0 後沒有了

$.ajax().success

$.ajax().error

$.ajax().complete

5、width/height,css(width) / css(height) 的返回值一律是十進位制

之前部分瀏覽器特殊情況下返回浮點數。

6、 移除了註冊事件的快捷函式 load | unload | error

bug:

7、動畫模組使用 「requestanimationframe」 替代 settimeout

requestanimationframe ie9及android4.4以下仍然不支援,但其它瀏覽器則明顯提公升效能

補:正式版於2016-6-9 發布 

相關:

使用jquery實現AJAX技術的幾種方法

1.load url,data callback 把返回的資料放到指定元素中 2.getjson方法 可以為.txt或者.json檔案都可以 getjson handler college.ashx function response,status,xhr 3.getscript myjs.js f...

Ajax原理及JQuery封裝的使用

建立xmlhttprequest物件var xhr new xmlhttprequest 設定請求報文 1.設定請求行 引數1為請求方式,引數2為請求位址 get方式 xhr.open get 01.php?name zs age 18 需要將傳送的資料拼接在位址後面 post方式 xhr.open...

C 使用jQuery實現無重新整理評論提交的方法

首先在資料庫中就建三個欄位的表用來儲存使用者名稱和評論資訊,id只是為了設定唯一標示,所以設定成整型自增字段就行了。再建乙個html頁面,只需簡單的拉幾個html控制項出來擺著就行,注意在頁面頂部有個標籤用來佔位輸出評論內容。html頁面 就這樣簡單就行了 使用者名稱 資訊 然後再頁面剛載入的時候,...