hanhanyi的博客_jquery_51CTO博客

鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

在线学习

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

51CTO博客

首页
关注
排行榜
精品课程
免费直播
软考题库

科目全、试题精、讲解专业，扫码免费刷

搜索历史清空

热门搜索

查看【】的结果
写文章
创作中心
登录注册

# jquery

jquery清空form

$(':input','#myform') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected

jquery

转载精选 2016-05-22 17:25:05 356 阅读

通过文本查找元素

通过使用 jQuery 的 contains() 选择器，你能够查找元素内容中的文本。若文本不存在，该元素将被隐藏：var search = $('#search').val(); $('div:not(:contains("' + search + '"))').hide();

jquery

转载精选 2016-05-22 16:42:34 440 阅读

简单的手风琴效果

这是一个快速实现手风琴效果的简单方法:// 关闭所有面板 $('#accordion').find('.content').hide(); // 手风琴效果 $('#accordion').find('.accordion-header').click(function () { var next = $

jquery

转载精选 2016-05-22 16:40:16 291 阅读

切换淡出 / 滑动

淡出和滑动都是我们在 jQuery 中大量使用的效果。你可能只想在用户点击后展现某个元素，此时用 fadeIn 和 slideDown 方法就很完美。但是如果你希望这个元素在首次点击时出现，在再次点击时消失，这段代码就很有用了：// 淡出 $('.btn').click(function () { $('

jquery

转载精选 2016-05-22 16:39:45 373 阅读

使用变量缓存jQuery对象

想想你在项目中一次又一次地写了多少相同的选择器吧。每个 $('.element') 都必须查询一次整个 DOM,不管它是否曾这样执行过。作为代替，我们只运行一次选择器，并把结果储存在一个变量中：var blocks = $('#blocks').find('li');现在你能在任何地方使用 blocks 变量而无需每次查询 DO

jquery

转载精选 2016-05-22 16:38:18 356 阅读

禁用输入字段

有时，你可能希望在用户完成特定操作（例如，勾选“我已阅读条例”的确认框）前禁用表单的提交按钮或禁用其中某个输入框。你可以在你的输入字段上添加 disabled属性，而后你能在需要时启用它：$('input[type="submit"]').prop('disabled', true);你只需在输入字段上再次运行 prop 方法, 但是这一次把 di

jquery

转载精选 2016-05-22 16:37:03 269 阅读

返回顶部按钮

利用 jQuery 中的 animate 和 scrollTop 方法，你无需插件就可以创建简单的 scroll up 效果:// 返回顶部$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800

jquery

转载精选 2016-05-22 16:34:40 409 阅读

导航菜单背景切换效果

在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用 JQuery 实现的一种方式：<ul id='nav'> <li>导航一</li> <li>导航二</li> <li&g

jquery

转载精选 2016-05-22 16:31:29 371 阅读

滚动时动态加载页面内容

有些网站的网页内容不是一次性加载完毕的，而是在鼠标向下滚动时动态加载的，这是怎么做到的呢？看下面代码：var loading = false;$(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){ if(loading ==

jquery

转载精选 2016-05-22 16:29:29 250 阅读

使用JQuery重绘图片的大小

$(window).bind("load", function() { // IMAGE RESIZE $('#product_cat_list img').each(function() { var maxWidth = 120; &

jquery

转载精选 2016-05-22 16:24:05 213 阅读