位置: 编程技术 - 正文
推荐整理分享jquery常用的12个小功能(jquery有哪些),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery的主要作用,jquery常用函数,jquery有哪些,jquery常用的5个方法,jquery常用函数,jquery常用函数,jquery常用的5个方法,jquery常用的5个方法,内容如对您有帮助,希望把文章链接给更多的朋友!
jquery个常用功能极好的,快来围观!
返回顶部使用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 IE. This fix takes care of the issue.通过文本查找元素利用 JQuery 的contains()选择器可以查找一个包含特定文本的元素,如果文本不存在,元素则隐藏:
标签: jquery有哪些
本文链接地址:https://www.jiuchutong.com/biancheng/385073.html 转载请保留说明!友情链接: 武汉网站建设