WEB前端知识

首页 > 免费 > WEB前端知识

前端开发必知的15个jQuery小技巧(三)

作者:admin 时间:2016-11-25   点击:3 次

6、禁用输入字段

有时候,你可能想要禁用表格的提交按钮或它的某一项文字输入直到用户执行了特定操作(例如,勾选“我已阅读相关条款”复选框)。添加 disabled属性到你的输入就可以在你想要的时候才启用它:

$('input[type="submit"]').prop('disabled', true);

然后你只需要运行输入的prop 方法就可以了,不过disabled 的值要设置为false:

$('input[type="submit"]').prop('disabled', false);

7、停止加载链接

有时候,你既不需要链接到某个特定的网页,也不想要重新加载页面——你可能希望链接做点别的事情,例如说触发一些其他脚本。这就要在阻止默认动作上做文章了:

$('a.no-link').click(function (e) {

e.preventDefault();

});

8、淡入/滑动切换

滑动和淡入都是我们用jQuery做动画的时候大量运用的东西。如果你只是想在用户点击之后展示一个元素的话,那么用fadeIn 和slideDown 方法就很完美。但是,如果你想要元素在第一次点击的时候出现,然后在第二次点击的时候消失的话,那么可以试试下面的代码:

// Fade

$('.btn').click(function () {

$('.element').fadeToggle('slow');

});

// Toggle

$('.btn').click(function () {

$('.element').slideToggle('slow');

});

CQTV新媒体项目运营中心 . 简米炎龙互联网运营专家!

地址:重庆市江北区观音桥华新软件产业园5F
咨询:023-67122091 023-81803811
业务QQ:1003671285 技术QQ:164983921
E - mail:1003671285@qq.com

简单 快乐 共享 共赢

  • 10年专业互联网运营经验
  • 重庆最专业WEB APP建站队伍
  • 500强集团公司网站建设供应商
  • 营销型网站建设领先者
  • 2000家成功客户经验
  • 始终坚持技术和服务同样重要
查看PC版网站
渝ICP备17000029号 版权所有:简米炎龙