Jquery 学习开发笔记

后台学习搞前端，选型JQuery，记录下学习开发的点滴。

1. attr() 、 css() 、toggle()

attr为属性，即该元素除style属性外的所有属性都可以用attr表示

获取属性：$('#XXX').attr('属性名')    修改属性：$('#XXX').attr('属性名', '值') 

css为样式，即style里面的内容

获取样式：$('#XXX').attr('样式名')
   修改样式：$('#XXX').attr('样式名',
'值')

toggleclass('class样式名')方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果

toggleclass('class样式名'， switch) switch控制只添加（true）或只删除（false）

2. 获取浏览器及版本

返回的一个json对象

var BROWSER_VRRSION = (function () {
var userAgent = navigator.userAgent,   

                rMsie = /(msie\s|trident.*rv:)([\w.]+)/,   

                rFirefox = /(firefox)\/([\w.]+)/,   

                rOpera = /(opera).+version\/([\w.]+)/,   

                   rChrome = /(chrome)\/([\w.]+)/,   

                 rSafari = /version\/([\w.]+).*(safari)/;  
var ret;
var browser;  

    var version;  

    var ua = userAgent.toLowerCase();  

    function uaMatch(ua) {  

    var match = rMsie.exec(ua);  

         if (match != null) {  

             return { browser : "IE", version : match[2] || "0" };  

         }  

         var match = rFirefox.exec(ua);  

         if (match != null) {  

             return { browser : match[1] || "", version : match[2] || "0" };  

         }  

         var match = rOpera.exec(ua);  

         if (match != null) {  

             return { browser : match[1] || "", version : match[2] || "0" };  

         }  

         var match = rChrome.exec(ua);  

         if (match != null) {  

             return { browser : match[1] || "", version : match[2] || "0" };  

         }  

         var match = rSafari.exec(ua);  

         if (match != null) {  

             return { browser : match[2] || "", version : match[1] || "0" };  

         }  

         if (match != null) {  

             return { browser : "", version : "0" };  

         }  

    } 

    var browserMatch = uaMatch(ua);

    ret = {

        wBrowser: browserMatch.browser,

        actualVersion: browserMatch.version

    };

    return ret;

}());