操作步骤:

1.声明指定样式类的类名

2.修改其中的样式

3.加载时即设定click事件。

举例:

$(document).ready(function () {document.getElementById('comment').className = ".ui-tabs .ui-tabs-hide";document.getElementById('comment').style.cssText = "display:block";document.getElementById('question').className = ".ui-tabs .ui-tabs-hide";document.getElementById('question').style.cssText = "display:block";$("#biaoshi").click(function () {document.getElementById('comment').className = ".ui-tabs .ui-tabs-hide";document.getElementById('comment').style.cssText = "display:block";document.getElementById('question').className = ".ui-tabs .ui-tabs-hide";document.getElementById('question').style.cssText = "display:block";})})

转载于:https://www.cnblogs.com/fyq891014/archive/2012/05/27/2990430.html

使用jquery当页面打开时,将修改样式的点击事件绑定到Dom相关推荐

  1. html 表格隐藏 显示出来了,如何在html页面打开时隐藏表格

    Hallo there 我有一些javascript代码,当我的鼠标移过链接时可以看到一个表格,当鼠标移出时隐藏. 我遇到的问题是在页面打开时让表格"隐藏". 我怎么能做到这一点. ...

  2. java怎么往右浮动_[Java教程]jQuery实现页面滚动时智能浮动定位

    [Java教程]jQuery实现页面滚动时智能浮动定位 0 2016-08-04 18:00:08 jQuery实现页面滚动时层智能浮动定位_前端开发 * { margin: 0; padding: ...

  3. Jquery实现页面滚动时导航智能定位

    页面滚动的时候,侧边辅助导航提示到对应的内容.尤其是对于内容很长的页面很好的一个体验. 借助jquery,可以轻松实现. <!-- 侧边导航 --> <div class=" ...

  4. js动态加载HTML元素时出现的无效的点击事件

    项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面 图二: js文件中的这些js的点击事件无效: j ...

  5. html如何在页面打开时让鼠标光标停留在某个表单文本框,网页制作实用技巧

    网页制作实用技巧 1.让你的网页无法另存为 ◆ 2.让IFRAME框架内的文档的背景透明 ◆ 3.禁止右键: ◆ onselectstart ="return false" οns ...

  6. JSP页面打开时先加载Servlet

    有很多方法:一.异步加载,用ajax或jquery的post方式.二.用struts的action标签,页面一加载就执行一个action, 不过用servlet就没用了.三.用jsp的forward标 ...

  7. jQuery实现页面滑动时导航背景色切换

    <script type="text/javascript" src="./files-m/jquery-1.9.1.min.js"></sc ...

  8. extjs 页面打开时表格自动加载后台传来的json数据

    var d = new Date();var ymd = new Date(d.getFullYear(),(d.getMonth()),d.getDate());var dd = ymd.forma ...

  9. 如何知道页面浏览时长系列之 Web 篇

    一.前言 页面浏览时长是网站分析中很常见的一个指标,反映用户在某些页面上浏览时间的长短,体现了网站用户黏性.然而精确的页面浏览时长是很难统计的,比如需要考虑单页面网页应用路由切换.用户切换浏览器 ta ...

最新文章

  1. org.apache.catalina.connector.ClientAbortException: java.io.IOException: Broken pipe
  2. CPU缓存一致性动态图
  3. UART0串口编程(五):串口编程(UART0)之UC/OS(一)UC/OS下的串口发送任务编程
  4. [BetterExplained]如何有效地记忆与学习
  5. php curl重用,使用PHP CURL解析负载较重的站点?
  6. axure弹窗关闭_干货来袭,Axure插入图标的几种办法
  7. dhs手术是什么意思_#下颌角手术# #磨骨瘦脸# 下颌角手术多少钱?
  8. 北京大学计算机复试分数线,2014北京大学考研复试分数线公布
  9. php7扩展sphinx,php7进行安装sphinx简单记录
  10. 两个简单的前台显示构架01
  11. stm32f407wet6安装linux,elua移植到STM32F407VET6流程
  12. day 32 半链接、粘包问题、finally
  13. docker hub上镜像手动下载_Docker 下载镜像
  14. 最好的年终奖,是你拥有随时跳槽的能力
  15. 实验三 循环程序设计
  16. 数据采集上报之灯塔SDK详解
  17. Linux下的Curses库的下载与安装
  18. Python项目外星人入侵(一):实现宇宙飞船
  19. 微信浏览器中打开QQ聊天QQ群
  20. Web服务器搭建(一)

热门文章

  1. 单招计算机英语面试口语,单招面试英语自我介绍范文 自我介绍说什么
  2. lftp linux,linux下使用 lftp
  3. mysql fio测试_Linux下 fio磁盘压测笔记
  4. ajax post form上传图片,ajax怎样提交form表单与实现文件上传
  5. osm 搭建离线地图_使用离线OSM离线OpenLayers Web应用程序
  6. android surfaceview 技术,Android中SurfaceView的理解和使用
  7. sap相关性不能被编译_经典综述编译丨生物硝化抑制丨NAT PLANTS:现代农业中的氮转化和生物硝化抑制作用...
  8. java break递归_【Java】递归总结
  9. MySQL常见错误代码(转)
  10. 2021年B站创作者生态报告