jquery-网页加载时候的样式问题

问题描述

网页加载时候的样式问题


我用jquery让jsp页面加载进来默认选中 全部时长 当点击其他选项的时候


选中的项添加样式 其他的项 删除样式
可我的页面 点击链接后 又重新加载一遍 虽然查询出来的数据是对 但是 又默认选中 全部时长 不是你点击的条件项

解决方案

你根据参数重新给dom加上样式就好了

 <div id="dvTime"><a href="xxxxx?time=all" time="all">全部时常</a> <a href="xxxxx?time=10" time="10">10分钟以下</a> <a href="xxxxx?time=10" time="10-30">10分-30钟</a>.....</div>
<script>
var time='<%=time%>'//修改这里你的参数,不懂你的dom结构如何的,结合这个time参数进行选中条件的dom添加样式
$('#dvTime a[time="'+time+'"]')addClass('focus');
</script>
时间: 2024-05-04 15:51:26

jquery-网页加载时候的样式问题的相关文章

jquery插件NProgress.js制作网页加载进度条

  这篇文章主要介绍了jquery插件NProgress.js制作网页加载进度条的相关资料,需要的朋友可以参考下 NProgress.js是极细的纳米级进度条,用现实的细线条动画让用户看到网页正在发生的事情! 你也许已经在 Youtube 上看过了那道红色激光脉冲,它会在你切换页面时出现.其实许多移动浏览器的进度条都是这个样式,但是在网页上实现可不多见.不过,有了 NProgress 这个 jQuery 插件,你也可以轻松实现! NProgress.js应用于复杂网页的细长进度条.由 Googl

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显示loading图片直到网页加载完成的方法

  本文实例讲述了jquery显示loading图片直到网页加载完成的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8'> <title>Simpl

运用JQuery的toggle实现网页加载完成自动弹窗

 toggle()事件 它主要切换元素的可见状态,下面为大家介绍下运用JQuery的toggle实现网页加载完成自动弹窗 toggle()事件 它主要切换元素的可见状态.    1.toggle(switch) ①switch是一个可选值,如果不填则原来元素是显示则将其隐藏,如果是隐藏则显示.    HTML 代码:   代码如下: <p>Hello</p><p style="display: none">Hello Again</p> 

jquery显示loading图片直到网页加载完成的方法_jquery

本文实例讲述了jquery显示loading图片直到网页加载完成的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8'> <title>Simple Loader</title> <style> /* This only works with JavaScript, if it'

jQuery实现彩带延伸效果的网页加载条loading动画_jquery

本文实例讲述了jQuery实现彩带延伸效果的网页加载条loading动画.分享给大家供大家参考,具体如下: 这里介绍的jQuery彩带效果网页加载条动画,我觉得挺有创意的,虽然难度不算大,但能想到用这样一个背景来做Loading加载条,也实属不易,不服气的,你为什么就没有想到这样做呢?本网页加载条效果使用了jQuery插件. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-n-color-cha-web-loading-demo/

运用JQuery的toggle实现网页加载完成自动弹窗_jquery

toggle()事件 它主要切换元素的可见状态. 1.toggle(switch) ①switch是一个可选值,如果不填则原来元素是显示则将其隐藏,如果是隐藏则显示. HTML 代码: 复制代码 代码如下: <p>Hello</p><p style="display: none">Hello Again</p> jQuery 代码: 复制代码 代码如下: $("p").toggle() 结果: 复制代码 代码如下: &

如何提高网页加载速度

1.减少页面请求: 从WEB运行原理上讲,IIS请求是无状态的,在服务器端一直是连接和关闭的不断进行着,如果能减少服务器请求,总的时间将会减少. 之前我下载163邮箱的登陆页面的图片时发现,它们的只用到了一个图片来完成整个页面的所有图片,当时我就纳闷了,这跟平时做的网站不一样呀.然来这样做减少浏览器的请求次数,用httpwatch你会发现请求的总时间大大减少了.同样的想法,在做css样式,JavaScript代码的时候也要做到尽可能的放在一个文件下来减少WEB请求. 2.页面压缩技术,给我们js

如何提高网页加载的速度

下面是我所理解的和网上搜索到的总结:   1.减少页面请求:    从WEB运行原理上讲,IIS请求是无状态的,在服务器端一直是连接和关闭的不断进行着,如果能减少服务器请求,总的时间将会减少.    之前我下载163邮箱的登陆页面的图片时发现,它们的只用到了一个图片来完成整个页面的所有图片,当时我就纳闷了,这跟平时做的网站不一样呀.然来这样做减少浏览器的请求次数,用httpwatch你会发现请求的总时间大大减少了.同样的想法,在做css样式,javascript代码的时候也要做到尽可能的放在一个