jquery 根据网址设置css样式

代码如下

复制代码

$(function(){
//var myurl=window.location.pathname;
var myurl=document.URL;
//alert(myurl);

if(myurl.indexOf('www.111cn.net') > 0){
$('#menu1 a').removeClass('on');
$('#menu1 ul .li1 a').addClass('on');
}
if(myurl.indexOf('/open/') > 0){
$('#menu1 a').removeClass('on');
$('#menu1 ul .li2 a').addClass('on');
}
if(myurl.indexOf('/my/') > 0){
$('#menu1 a').removeClass('on');
$('#menu1 ul .li3 a').addClass('on');
}
if(myurl.indexOf('/index.html') > 0){
$('#menu1 a').removeClass('on');
$('#menu1 ul .li1 a').addClass('on');
}
})

时间： 2024-09-20 08:54:21

jquery 根据网址设置css样式的相关文章

jQuery使用之设置元素样式用法实例_jquery

本文实例讲述了jQuery使用之设置元素样式用法.分享给大家供大家参考.具体分析如下: css是页面不能分隔的部分,jQuery中也提供了一些css相关的实用的办法.前面文章中有使用过 addClass()为元素添加css样式风格.这里主要介绍jQuery如何设置页面的样式风格.包括添加.删除.动态切换等. 1. 添加.删除css类别. 复制代码代码如下: $(function() { //同时添加多个CSS类别 $("img").addClass("css

用JS动态设置CSS样式常见方法小结(推荐)_javascript技巧

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100);

jquery入门篇设置css 给input赋取与获取input输入框值代码

jquery入门篇设置css教程给input赋取与获取input输入框值代码 <script language="网页特效"> $('#linkflash').css('display','none');//给linkflash设置css $("#linkl").val('http://www.111cn.net');//给linkl赋值 $("#link_url").val();//获取link_url值 </script

js中用cssText设置css样式的简单方法_javascript技巧

如果网页中一个 id为"no"的标签,暂且当div标签来tell: 想要在js中设置这个div的css样式,很一般的做法是: var obj = document.getElementByIdx_x_x('no'); obj.style.width = '400px'; obj.style.height = '300px'; 如果要设置一堆又一堆的css样式呢,太麻烦了把. 一般情况下都会结合css来添加className或者改变className达到想要的效果,但是如果你create

jquery设置css样式、style属性示例

css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery设置css及style样式的方法. 一.CSS 1.css(name) 访问第一个匹配元素的样式属性. 返回值 String 参数 name (String) : 要访问的属性名称示例: $("p").css("color"); //取得第一个段落的color样式属性的值 2.css(properties) 把一个&

JQuery操作元素的css样式

我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能, 虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句话 – "jQuery让JavaScript代码变得简洁!" 1. addClass() – 添加CSS类代码如下: $("#target")

jquery动态加载css样式浏览器兼容处理

个比较严重的bug:在IE6.IE7下,验证提示的样式文件加载不进来. 于是今天早上针对这个bug,测试了好多次,仍然不行,最后才发现原来是因为用jquery的方法动态加载css教程样式文件,存在兼容问题. 在jquery.skygqCheckAjaxform.1.3.js文件中原来动态加载css文件的代码是这样的: //加载css样式 if ($("link[href$=valid.css]").length == 0){ $(' <LINK href="'+set

JQuery操作元素的css样式_jquery

jQuery toggle()设置CSS样式_jquery

toggle() 切换元素的可见状态. 如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. --------------------------------- 示例切换所有段落的可见状态. HTML 代码: <p>Hello</p><p style="display: none">Hello Again</p> jQuery 代码: $("p").toggle() 结果: <p tyle=&quo