Don't miss new standard javascript APIs

Don't miss new standard javascript APIs

The new javascript (1.6) provides many useful features, specially in DOM manipulation, but I noticed that jQuery uses really few of them.
For example, the feature element.classList could be used in add/remove/toggle/hasClass like this:
  2. // When in 'use strict' mode, the first argument of call function cannot be null or undefined
  3. // so make it an empty string
  4. if (Object.prototype.toString.call(document.documentElement.classList || '') === '[object DOMTokenList]') {
  5.     var methods = {
  6.         addClass: 'add',
  7.         removeClass: 'remove',
  8.         toggleClass: 'toggle', 
  9.         hasClass: 'contains'
  10.     };
  11.     for (var name in methods) {
  12.         jQuery.fn[name] = function(method) {
  13.             return function(className) {
  14.                 return this.each(function() {
  15.                     this.classList[method](className);
  16.                 });
  17.             }
  18.         }(methods[name]);
  19.     }
  20. }
  21. else {
  22.     // current implementation of jQuery
  23. }
Yes I ormit many logic in those function like we can call addClass('a b c') with space-separated class list, but the core logic is there to utilize new feature in javascript 1.6 and surelly much quicker than the normal implementation.
In my Firefox 4.0 b11, when I run the code below for 100,000 times, my code is about 1 time faster than the normal jQuery one:
  2. var div = $('<div class="a b c d e f g"></div>').addClass('a b c d e f g');
  3. console.time('toggleClass');
  4. for (var i = 0; i < 100000; i++) {
  5.     div.toggleClass('abc');
  6. }
  7. console.timeEnd('toggleClass');
  8. // jQuery: 1624ms
  9. // after replace jQuery's implementation: 862ms

Also, there are other new features such as Array.forEach / Object.keys can be utilized in jQuery

sorry for poor english
thanks