文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

16个超实用的jQuery技巧攻略

本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一，主要用于制作动画、事件处理，支持Ajax及HTML 脚本客户端。...此外，jQuery还拥有各种插件，以帮助开发者在最短时间内快速创建网站/网页。 1）禁用右键单击功能 如果你想为用户节省网站信息，那么开发者可以使用这段代码——禁用右键单击功能。...html("X Axis Position = " + e.pageX + " and Y Axis Position = " + e.pageY); }); }); 8）缩放图片 虽然图片应该在服务器端缩放...IE6 PNG 问题 至今，IE6 在国内仍然占据了大量的份额，因此在 Web 开发中仍然需要考虑 IE6 的兼容问题。...比较常用的 IE6 PNG 图片问题，下面这段代码可以方便的修复。

1.4K30

DD_belatedPNG 与 unitpngfix 两种解决 IE6 中 PNG 图片透明问题方案横向对比

虽然 IE6 骂声不断，但是仍然还有不少的市场份额。而在网页中，png 文件体积小、无锯齿、透明度好而被广泛使用。...当这两件事情碰在一起，问题就来了，IE6 不支持 PNG 透明图片，它会把透明的部分显示成白色的。...在网上有众多解决这种问题的方法和插件，但是实际上目前有这两种方式比较有效，那就是 DD_belatedPNG.js 和 unitpngfix.js 这两种方法。...知更鸟已经写了一篇比较简单的使用方法：使用DD_belatedPNG让IE6支持PNG透明图片 官方的英文版提供了更加详细的教程 unitpngfix.js 方法 unitpngfix.js 这个插件使用起来非常简单...当然这个与 IEtest 的不稳定也有关，在原生IE6下测试应该不会出现这种情况（未测试），在之前的实际使用中，偶尔会出现这种情况。

62410
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    基于jQuery或Zepto的图片延迟加载插件

    我们主题之前也都采用了图片的懒加载形式，但都不完美，部分主题还采用了占位图片来控制懒加载，今天换一种js图片懒加载，它原理就是将页面内所有需要加载的图片全部换成一张默认的图片（一般尺寸很小），只有图片在可视区域才去请求加载，这样的话应该就能满足我们日常所需...使用 实际使用时一般使用已经存在的插件，如lazyload插件。...lazyload插件网上能搜出很多，常见的是： 1、jquery.lazyload.js: 依赖jQuery JavaScript /*!...iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC', // for IE6...sui框架里必须指定 }); }); 代码记录完成，测试几天看看效果，如无问题后续逐一更新，如遇问题依情况而定，好了，假期回来之后工作肯定不少，抓紧时间工作去吧，有问题留言反馈！

    4.1K20

    多种前端框架的优缺点「建议收藏」

    JQuery同时修复了一些浏览器之间的的差异，使开发者不必在开展项目前建立浏览器兼容库。...11、丰富的插件支持：JQuery的易扩展性，吸引了来自全球开发者来编写JQuery的扩展插件。目前已经有超过几百种官方插件支持，而且还不断有新插件面试。...这虽然不是jQuery自身的问题，但却又确实是一个难于调试和解决的问题。 4、jQuery的稳定性：jQuery没有让浏览器崩溃，这里指的是其版本发布策略。...5、对动画和特效的支持差：在大型框架中，jQuery核心代码库对动画和特效的支持相对较差。但是实际上这不是一个问题。目前在这方面有一个单独的jQuery UI项目和众多插件来弥补此点。...响应式组件 服务器端渲染 易于集成路由工具，打包工具以及状态管理工具 优秀的支持和社区 区别 名称 Vue React 渲染 渲染过程中是跟踪每一个组件的依赖，即更改了哪个组件渲染哪个

    5.3K20

    【翻译】JavaScript内存泄露

    内存泄露的原因可能是浏览器的bug，或者浏览器扩展插件的问题，但是更多的时候，是因为我们代码结构的不严谨。...IE6的SP3版本问题更严重，甚至网页关闭以后仍然不能回收内存。 所以，上文提到的setHandler在IE8以下浏览器中，elem以及其关联的闭包never被回收。...JavaScript解释器无法判断哪个外层变量被内层函数引用，所以它选择保留外层的所有变量。...jQuery内存泄露处理方法及其弊端 jQuery用$.data方法处理IE6-7的内存泄露，不幸的是，与此同时也引起了jQuery专属的泄露问题。...检查jQuery的内存泄露非常简单，查看$.cache可以很方便的找出问题的引发原因。 jQuery的问题讨论到此为止。 找出并修复问题 找出问题 内存泄露的方式有很多，浏览器也不断有新的bug出现。

    2.6K60

    pjax 历史管理 jQuery.History.js

    更新 http://www.bootcdn.cn/jquery.pjax/ 简介 pjax是一个jQuery插件，使用ajax和pushState技术提供快速的浏览体验与真正的永久链接、网页标题、以及浏览器的后退前进按钮操作...： 当你直接在浏览器(新开的标签页)的地址栏里输入这样的地址：http://localhost:3859/home/index#page=3 或者通过QQ发给你的好友，看到的并不是如你所想的应该是page...其实对于那些死抱着IE6,IE7 不放的用户，咱也没必要给他们提供这样的用户体验。...方案二：使用jQuery.History.js 对于要兼容IE6、IE7的情况，笔者一直使用jquery.history.js 这个插件（http://plugins.jquery.com/history.../) 这个插件的实现原理和jquery.history.js 完全一样。

    2.9K50

    高效Web开发的10个jQuery代码片段

    尽管IE6的黑暗时代已经过去，IE也越来越不流行，它始终是一个能够容易检测的好东西。当然了，下面的代码也能用于检测别的浏览器。....'); } /* end smallest screen */ 6、自动定位并修复损坏图片 如果你的站点比较大而且已经在线运行了好多年，你或多或少会遇到界面上某个地方有损坏的图片。...$('img').error(function(){ 　　$(this).attr('src', 'img/broken.png'); }); 注：jQuery1.8后已经禁用error事件 7、检测复制...问题在于target=”blank”属性并不是W3C有效的属性。让我们用jQuery来补救：下面这段代码将会检测是否链接是外链，如果是，会自动添加一个target=”blank”属性。...这里是一个简单的技巧可以用于在选定输入中禁止空格键。

    1.4K80

    解决zblog图片水印插件导致Cannot use $this as parameter错误的解决办法

    其实我一直没有使用这个水印插件，最近有网友反馈自己的站不知道怎么回事被复制了，除了网站名称和QQ是别人的，其他内容跟自己的站一模一样，我看下站点，应该是被镜像了，所以他就说以后得开启图片水印了，这时候我才注意到图片水印的确是个好东西...这是BUG，在加上应用中心的插件很久没更新了，我就顺便从管理把插件要过来了，重新更新了插件，具体更新内容如下：（感谢@漠漠睡和群友给予的帮助） 1.修复开启图片插件导致“$this”错误的问题，其实这应该不是...2.修复启用插件之后无法保存内容的BUG， 3.新增插件随机显示位置的功能。  4.修复部分水印图在PNG模式下变黑的BUG。 5.上传图片增加缩略图显示。 6.优化字体水印时与图片边缘的间距。...，最好在PS设置下透明度60-80%都行，然后设置水印在图片中的位置，自行选择合适的位置，水印类型选择：图片水印，就可以了，文章管理，随便上传一张图片看看效果。...核心代码未作修改，仅仅修复问题（Gui知道我花了多长的时间去修改PNG变黑的BUG。。。）

    1K30

    我碰到的那些面试题html+css

    减少对外部插件的需求（比如 Flash），更优秀的错误处理，更多取代脚本的标记，HTML5 应该独立于设备开发进程应对公众透明 ;HTML5 新特性： 新的特殊内容元素，比如 article、footer...3，浏览器兼容问题三：设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度 问题症状：IE6、7和遨游里这个标签的高度不受控制，超出自己设置的高度 碰到频率：60% 解决方案...4，浏览器兼容问题四：行内属性标签，设置display:block后采用float布局，又有横行的margin的情况，IE6间距bug 问题症状：IE6里的间距比超过设置的间距 碰到几率：20% 解决方案...这时候我们就会面临这个兼容性问题。 7，浏览器兼容问题七：各种特殊样式的兼容，比如透明度、圆角、阴影等。特殊样式每个浏览器的代码区别很大，所以，只能现查资料通过给不同浏览器写不同的代码来解决。...如何设置透明度？

    1.6K20

    jQuery 升级踩坑大全

    前段时间我就主导了这件事情，把公司里我们组负责的项目jQuery版本从1.4.2升级到了jQuery 1.11.3。jQuery官方也为类似升级工作提供了jQuery Migrate插件。...jQuery官方推荐了jQuery Migrate 库来解决jQuery升级问题。...deprecated 早期jQuery中名字叫toggle的函数有两个，一个是用于控制元素的显示和隐藏，这个用途的函数目前jQuery中依旧存在；另一个就是上面提到的被废弃的toggle函数，它用于绑定至少两个函数到同一个元素...替换的方式是把两个函数合并成一个函数的if-else两个区段，然后自己设置一个boolean变量，控制每次点击时应该执行哪个区段即可。 4....以上，就是在jQuery升级中常见的问题，当然，本着精益求精的精神，我们还是需要研究一下不常见的问题是什么样子的。

    4.4K90

    github pages + Hexo + 域名绑定搭建个人博客增强版

    duoshuo，如果你是打算采用多说评论系统的话，你需要设置这里，但是我个人对多说没好印象 youyan，有言也是国内实用比较多的评论系统之一，个人感觉相对比较稳定 open_in_new，我个人觉得这个东西就应该是...tags/ 关于我: /about/ # Link to your avatar | 填写头像地址 avatar: http://ohe65w0xx.bkt.clouddn.com/avert.png...# Small icon of Your site | 站点小图标地址 favicon: /favicon.png # Internationalization | 主题语言 ## Change...# 友情链接 socail: true # 社交图标 # Customize feed link 自定义订阅地址 rss: /atom.xml # Update Reminder for IE6...插件的基本使用命令 插件官网：https://hexo.io/plugins/ 安装插件：npm install 插件名 –save 卸载插件：npm uninstall 插件名 更新插件和博客框架

    1.9K80

    看不完的那种！前端170面试题+答案学习整理（良心制作）

    jquery ui则是在jquery的基础上对jquery的扩展，是jquery的插件。jquery ui提供了一些常用的界面元素，如对话框，拖动行为，改变大小行为等。...当dom完全加载时，jquery允许你执行代码，使用$(document).ready()最大的好处在于它适用于所有浏览器，jQuery有助于解决跨浏览器兼容性问题。...113.使用jQuery中的动画 hide()和show()可以同时修改多个样式属性，如高度，宽度，不透明度。 fadeIn()和fadeOut()，fadeTo()只能改变不透明度。...149.如何解决display:inine-block在ie6，ie7下不兼容的问题 设置float:left属性 150.如何解决ie6不支持position:fixed属性的问题 ie6下用position...156.margin的加倍问题 设置为float的p在id下设置的margin会加倍，这是ie6中都存在的一个bug。

    13.1K50

    前端开发介绍（包含调试什么的）

    一般应用比较多的格式有：gif,png-8,png-24,jpg。而新手经常混淆png-8,png-24的区别。 ...按我经验4k以下gif,png-8差别不大，4k-100k: png-8,gif占优势，大于100k果断是jpg。  png-8不支持alpha透明，在IE6下需要一个JS或透明滤镜来处理。 ...这部分功能已经慢慢的出现在Chrome的调试工具当中 FireQuery 主要针对jQuery对Firebug进行一些用户体验方面的增强。...Fehelper 前端打包的一个集合插件 Visual Event 主要用途是查看某个元素具体绑定了哪些事件 扩展阅读 IE、Google Chrome 还有 360 极速浏览器，哪个最好...虚拟机 因为IETester并不能真实的模拟IE6，所以有些特殊的Bug只能到虚拟机真实的环境中调试，在直接的IE6上可以安装IETester的Debugger插件，可以方便的解决一些Bug。

    1.7K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券