位置: 编程技术 - 正文

jQuery常用的一些技巧汇总(jquery有哪些)

编辑:rootadmin

推荐整理分享jQuery常用的一些技巧汇总(jquery有哪些),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery的主要作用,jquery中常用的方法,jquery干嘛用的,jquery有哪些,jquery常用函数,jquery常用操作,jquery用处,jquery常用操作,内容如对您有帮助,希望把文章链接给更多的朋友!

引子

jQuery的存在,让学习前端开发的人感到前端越来越容易入门了,用简单的几行代码就可以实现需求,但是,你真的会用jQuery么,当代码运行后无法看到自己预期的效果,是不是觉得jQuery出了问题,其实,问题还是出在了自己会不会用上面。下面列举一些开发中经常遇到的应用实例,发现一下另一个不同的jQuery世界。

回到顶部按钮

利用jQuery里的animate和scrollTop方法,你便不需要使用插件创建简单的滚动到顶部动画。

通过scrollTop的值来改变你想要滚动到的位置。其实你就是做了:在接下来的毫秒中让页面滚动,直到它滚动到文档的顶部。

图片预加载

如果你的网页使用了很多隐藏图片文件(例如:鼠标悬停展示的图片),那么图片的预加载是有意义的:

判断图片是否加载完

有时候你可能需要检查图像是否已经加载完成,以便于可以继续执行相应的js代码:

曾经遇到过的使用场景:有些元素需要按图片的实际尺寸来设置其大小,以绝对布置方式放置。元素的大小设置可以在图片加载完成后计算。

自动修补破损图像

如果你碰巧发现在你的网站上发现破损的图像链接,一个个去替代他们是痛苦的。这个简单的代码可以节省很多的麻烦:

jQuery常用的一些技巧汇总(jquery有哪些)

即使你没有任何断开的链接,加入这代码也不会有任何影响。

禁用输入

有时你可能需要用表单的提交按钮或者某个输入框直到用户执行了某个动作(比如:检查“我已阅读条款”复选框)。在你的输入框上设置disabled属性,然后当你需要的时候启用该属性:

你需要做的只是需要在输入框上再次运行prop方法,但设置的被禁用值是false:

对地不了解prop函数的jQuery开发者来说,最常使用的是attr函数,可能开发很多程序都没有发现什么问题,但是,在开发例如checkbox、radio、select时,会发现使用attr无法让属性生效,以为是jQuery的bug,下面来说说attr和prop的使用建议:

在遇到要获取或设置checked,selected,readonly和disabled等属性时,用prop方法显然更好

使两个DIV同等高度

有时你会想要两个DIV有相同的高度,无论他们都有什么内容:

这个例子设置了DIV的最小高度,这意味着它的高度只可以比这个设置的高度大而不能小。然而,一个更灵活的方法是循环的一组元素,并设置将最高元素的高度作为高度:

如果你想要所有的列有相同的高度:

根据文本获取元素

通过jQuery中的contains()选择器,你能找到一个元素内的文本内容。如果文本不存在,则这个元素将被隐藏:

可见变化的触发

当用户不再聚焦或者重新聚焦一个标签时触发javascript脚本:

利用jquery制作滚动到指定位置触发动画 利用CSS3的animation动画特性来完成的,对IE的兼容性不是太好,适用与手机端。!doctypehtmlhtmlheadmetacharset="utf-8"titlesas/titlescripttype="text/javascript"src="

jQuery实现的精美平滑二级下拉菜单效果代码 本文实例讲述了jQuery实现的精美平滑二级下拉菜单效果。分享给大家供大家参考,具体如下:这是一款jQurey实现的向下二级导航菜单效果。效果非常不

jQuery实时显示鼠标指针位置和键盘ASCII码 本文通过jquery技术实现鼠标指针位置和键盘ASCII码,代码简单易懂,具体内容请看下文吧。!DOCTYPEhtmlhtmlheadtitle/titlemetacharset="utf-8"/scripttype="text/javascript"sr

标签: jquery有哪些

本文链接地址:https://www.jiuchutong.com/biancheng/384031.html 转载请保留说明!

上一篇:jquery zTree异步加载、模糊搜索简单实例分享(jquery.ztree中文api)

下一篇:利用jquery制作滚动到指定位置触发动画(jquery滚动事件)

  • 增值税出口退税款缴纳企业所得税吗
  • 关税的计算公式是什么
  • 税盘清卡截止每个月
  • 天猫收取的佣金开具的技术服务发票会计分录
  • 2019年新政府会计制度
  • 自产自销农产品企业所得税
  • 电子税务局助信码领取后怎么用
  • 企业防伪税控维护方案
  • 消防检测需要资质吗?
  • 分期付款方式销售货物什么时候确认收入
  • 盘盈的固定资产通过待处理财产损益科目核算
  • 发生销货退回需要退回发票么
  • 核算无形资产的过程中,使用的会计账户有
  • 出让固定资产怎样计算增值税
  • 监理费可以由施工方出吗
  • 企业分立特殊性税务处理涉税
  • 营改增结束了吗
  • 车辆购置税多缴了能退吗
  • 不达起征点收到销售额如何作分录?
  • 公司商务卡可以日常消费
  • 投资性房地产的处置账务处理
  • 工资做账原始凭证是什么
  • 企业怎么进行税务申报
  • 应征增值税不含税销售额(3%征收率)怎么算
  • 工会经费 管理费用
  • 当期免抵税额和当期留抵税额
  • 其他应收款社保个人部分分录
  • win11重置此电脑失败
  • 税收返还包括哪些税
  • 评标专家评审费应该谁来付
  • 应付职工薪酬账户结构
  • 收到的销项负数要认证吗
  • dev beta 发布预览
  • 固定资产残料收入的账务处理
  • 爱德华多·阿涅利
  • 盈余公积转增资本对会计要素的影响
  • laravel 自定义类
  • 事业单位委托业务费拨付时是否需要发票
  • 以前年度损益调整在利润表中怎么填
  • 独立核算的分公司可以享受小微企业吗
  • 现金盘盈盘亏怎么处理
  • 减资如何弥补亏损
  • 审核出错问题在谁
  • 收款收据可以盖业务章吗
  • 销售黄金的会计分录
  • mysql数据库如何回滚
  • 帝国cms首页调用其他网站数据
  • 房屋租赁发票品目填写规范
  • 管理费用属于产品成本么
  • 公户网银丢了
  • SQLSERVER 2005的ROW_NUMBER、RANK、DENSE_RANK的用法
  • 固定资产直接进费用表示表示一次性计提折旧
  • sqlserver游标实例
  • 无形资产的会计准则的相关规定
  • 事业单位财政直拔工资误填为劳务费怎么写情况说明
  • 购买材料计入
  • 公司库存现金提现流程
  • 出口货物两张报关单
  • 发票系统中监控怎么设置
  • 发票超过定额了怎么处理
  • 应交税费期初有余额吗
  • 股东分红入什么科目利润分配~应付利润
  • 注册表c盘桌面路径改为d盘
  • win10预览版21277下载
  • 右下角小喇叭调不了声音
  • linux系统的文件怎么导出来
  • switcher.exe - switcher是什么进程
  • cocos2dx小游戏
  • Lesson01_01 HTML基础
  • python kmeans sklearn
  • unity协程会阻塞主线程吗
  • angular中的controller
  • java list和array list区别
  • Unity3D AsssetBundle加载效率比较
  • 使用jquery实现表单验证
  • class在js中的实际运用
  • jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
  • python调大小
  • 2020年南通居民医保缴费标准
  • 农副产品免税最低多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设