jQuery实用技巧:日期获取、页面控制与缓存管理
本文档是一份关于jQuery在网页开发中的实用技巧和常见方法的集合,旨在帮助开发者提高工作效率。主要内容包括以下几个方面: 1. **生成日期获取与设置**: - 使用`DateUtil.getDate()`函数获取当前时间,并将其存储在变量`currentdate`中。 - 通过`.setInterestdate(currentdate)`方法将当前时间设置到合同对象的利息日期属性上。 2. **关闭按钮操作**: - 当用户点击带有id为"btcancel"的按钮时,调用`gridAjax()`方法处理后端请求,同时使用`top.clsDialog("iframe",window)`关闭弹出的对话框。 3. **导航菜单背景切换效果**: - 提供了一个简单的导航菜单,利用`.click()`事件监听`#nav`元素,通过`.addClass()`和`.removeClass()`实现鼠标点击时的背景切换效果。这里需要注意的是使用`siblings()`方法来切换目标元素与其兄弟元素的样式。 4. **管理搜索框行为**: - 当用户聚焦搜索框时,清空其值;当失去焦点时,若搜索框为空,则自动填充默认值"请搜索"。通过`.focus()`和`.blur()`事件实现这一功能。 5. **页面部分内容的定时刷新**: - 通过`setInterval()`函数每5秒执行一次,调用`.load()`方法更新页面上id为"content"的元素内容,实现部分页面的动态更新。 6. **数据缓存利用`.data()`方法**: - 使用jQuery的`.data()`方法存储和检索数据,例如将键值对`'key':'value'`存入`cache`对象中,便于后续访问。 7. **全屏宽高自适应div的创建**: - 通过`.css()`方法根据浏览器窗口大小动态调整`#content`元素的宽度和高度,使其占据整个屏幕。 这些jQuery技巧在实际开发中非常实用,能够简化前端交互逻辑,提升用户体验。掌握这些基础技巧后,开发者可以更灵活地构建响应式和交互性强的网页应用。
String currentdate = DateUtil.getDate();
contract.setInterestdate(currentdate);
关闭按钮-关闭当前页面
<script type="text/javascript">
$(function() {
$("#btcancel").click(function() {
window.top.frameContent.gridAjax();
top.clsDialog("iframe", window) ;
}) ;
}) ;
</script>
<bv:button id="btcancel" name="btcancel" value="关闭" />
导航菜单背景切换效果
<ul id='nav'>
<li>导航一</li>
<li>导航二</li>
<li>导航三</li>
</ul>
//注意:代码需要修饰完善
$('#nav').click(function(e) {
// 要知道siblings的使用
$(e.target).addClass('tclass').siblings('.tclass').removeClass('tclass');;
});
管理搜索框的值
$("#searchbox")
.focus(function(){$(this).val('')})
.blur(function(){
var $this = $(this);
// '请搜索...'为搜索框默认值
($this.val() === '')? $this.val('请搜索...') : null;
});
部分页面加载更新
setInterval(function() { //每隔5秒钟刷新页面内容
//获取的内容将增加到 id为content的元素后
$("#content").load(url);
}, 5000);
采用data方法来缓存数据
var cache = {};
$.data(cache,'key','value'); //缓存数据
//获取数据
$.data(cache,'key');
根据视窗(viewport)创建一个全屏宽度和高度(width/height)的div
$('#content').css({
'width': $(window).width(),
剩余9页未读,继续阅读
- 粉丝: 1w+
- 资源: 20
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C++标准程序库:权威指南
- Java解惑:奇数判断误区与改进方法
- C++编程必读:20种设计模式详解与实战
- LM3S8962微控制器数据手册
- 51单片机C语言实战教程:从入门到精通
- Spring3.0权威指南:JavaEE6实战
- Win32多线程程序设计详解
- Lucene2.9.1开发全攻略:从环境配置到索引创建
- 内存虚拟硬盘技术:提升电脑速度的秘密武器
- Java操作数据库:保存与显示图片到数据库及页面
- ISO14001:2004环境管理体系要求详解
- ShopExV4.8二次开发详解
- 企业形象与产品推广一站式网站建设技术方案揭秘
- Shopex二次开发:触发器与控制器重定向技术详解
- FPGA开发实战指南:创新设计与进阶技巧
- ShopExV4.8二次开发入门:解决升级问题与功能扩展