后台学习搞前端,选型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;
}());