如何在检测到用户代理后使用jquery替换css

How to replace css using jquery after user agent detection

本文关键字：jquery 替换 css 用户代理 检测      更新时间：2023-09-26

我发现了这个代码来检测android原生浏览器：

var nua = navigator.userAgent;
var is_android = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 &&     nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1));

但我如何创建函数来在检测后重新填充css？

我知道我应该用这样的东西：

$('jQuery selector').css({"css property name":"css property value"});

但我现在不知道如何：（

在同一页面上还有其他使用jquery的函数。

var nua = navigator.userAgent;
var is_android = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 &&     nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1));
if (is_android){
  //for eg you want to remove border of a div with id #container
  $('#container').css({"border":"none"});
  //Best is to have a class created in css with which ever property you want to remove
  // if the class was .green-color
  $('#container').removeClass('green-color');
}

最好的方法是在<html>或<body>标记中添加类名，使用该技巧，您可以在没有jquery选择器和DOM操作的情况下修改纯CSS，使其非常灵活和高效：

 if(is_android) { 
       $('html').addClass('android');
 } else {
       $('html').removeClass('android');
 }

然后使用如下简单的CSS：

 h1 { color:blue; }
 .android h1 { color:green; }
 .android body {background: black; }

两个Url如下，希望能帮助您处理问题

如何使用JQuery替换CSS背景图像并保持渐变？

用jQuery条件替换CSS属性

相关文章：