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;
}());