时间:2021-05-26
jquery12个常用功能极好的,快来围观!
返回顶部
使用JQuery的animate和scrollTop方法可以创建简单地返回顶部的动画:
HTML中得有一个按钮:
可以改变scrollTop的值来定位滚动条的位置。
图片预加载
如果页面使用了很多不是最初加载便可见的图片,有必要进行预加载:
判断图片是否完全加载
有时需要图片完全加载才能进行后面的操作,下面的这段脚本可以实现:
你也可以通过带id或者class的img标签来判断某张特定的图片是否完全加载
自动修复损坏图片
如果图片损坏,可以用另外一张进行替换:
Hover状态的类切换
当用户的鼠标指针悬浮在一个可以点击的元素上时,你可以通过添加一个class改变它的视觉效果,鼠标指针离开该元素时,就移开刚刚添加的class:
一个更简单的方式是使用toggleClass:
Note:CSS may be a faster solution in this case but it's still worthwhile to know this.输入框的不可编辑
有时,你想要表单的提交按钮或者文本框变的不可编辑,直到用户完成某个特定的动作,通过修改input元素的disabled属性来实现:
$('input[type="submit"]').prop('disabled', true);
再次调用prop方法将disabled值改为false,就可以更改元素状态:
$('input[type="submit"]').prop('disabled', false);
停止链接加载
若你不想点击链接跳转到另一个页面或者重新加载页面,仅仅只想让它做点别的事情,如触发其它脚本,则需要阻止链接的默认行为:
Fade/Slide切换
Slideing 和 fading 是很常用的 JQuery 动画。如果你想要在用户产生点击事件时显示一个元素,可以用fadeIn或者slideDown,若要实现第一次点击显示元素而第二次点击隐藏元素的效果,可以参考下面的脚本:
简单地手风琴
下面的这段脚本可以简单实现手风琴效果:
让两个Div等高
有时,需要让两个Div保持等高,而不管两个Div的内容如何:
在上述的示例中,会循环一个元素集合,并将元素的高度设置成元素集合中高度最高的。若要所有 column 保持同样地高度,则可以这样:
在新的Tab/Window打开外链
在浏览器的新Tab/Window打开外链,并且在同一个Tab/Window打开同源的链接:
Note: window.location.origin doesn't work in IE10. This fix takes care of the issue.
通过文本查找元素
利用 JQuery 的contains()选择器可以查找一个包含特定文本的元素,如果文本不存在,元素则隐藏:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
ppt作为我们生活中最常用的软件之一,熟练的掌握其中的一些小功能是非常必要的,下面我来为大家分享ppt中的一个小功能———&
先给大家展示效果图:点击查看效果图源码下载jQuery可调节放大与缩小功能的全屏相册插件zoomVisualizer。文件引用:jQuery(document)
本文实例讲述了jQuery实现table表格信息的展开和缩小功能。分享给大家供大家参考,具体如下:MyJSP'index4.jsp'startingpage编号
本文实例为大家分享了jquery自定义显示消息数量展示的具体代码,供大家参考,具体内容如下根据需求简单的实现一个小功能控件,暂时不支持扩展。$("xxxxxxx
最近在封装一个开源框架,已经写了500行,已经具备jquery的大多数常用功能,后面还会扩展大量的工具函数和MVVM双向驱动等功能。跟jquery的使用方法完全