超实用的jquery小技巧(代码片段)

关键词：

JQuery是一个 JavaScript 库，她极大的简化了我们对 JavaScript 的编程。

今天我们总结了下平常项目中用到的一些小技巧，仅供参考。

1、替换元素

//替换元素
$(document).ready(function()
    $("#id").replaceWith(‘ <p> I have been repaced </p>‘)
);

2、延时加载

//延时加载功能
$(document).ready(function()
   window.setTimeut(function()
       // do something
,1000);
);

3、返回顶部按钮

//返回顶部按钮
$(‘ a.top ‘ ).click(function()
    $(document.body).animate( scrollTop: 0  , 800 );
     return false;
)

4、预加载图片

//预加载图片
$.preloadImages = function () 
   for(var i=0; i<arguments.length; i++)
       $(‘ <img>‘).attr(‘src‘, arguments[i]);
   

5、检查图片是否加载完成

//检查图片是否已经加载完成
$(‘img‘).load(function () 
   console.log(‘image load successful‘);
 )

6、检查某个元素是否存在

//通过length属性来判断
$(document).ready (function () 
   if($(‘#id‘).length)
     do something 
    
)

7、验证元素是否为空

//验证元素是否为空
$(document).ready(function() 
   if($(‘#id‘).html()) 
      //do something 
   
)

8、把创建的元素动态地添加到DOM中

$(document).ready(function()
   var newDiv = $ (‘<div> </div>‘)
   newDiv.attr(‘id‘, ‘myNewDiv‘).appendTo(‘body‘);
)

9、把创建的元素动态地添加到DOM中

//与其他javascript类库冲突解决方案
$(document).ready(function() 
   var $jq = jQuery.noconflict（）；
   $jq(‘#id‘).show();
)

后面有空再补充。

12个idea超神奇淫小技巧，超实用！(代码片段)

 点击上方关注“终端研发部”设为“星标”，和你一起掌握更多数据库知识今天我们不谈技术，只聊聊作为Java开发中重度使用IDE患者，IntellijIDEA真是越用越觉得它强大，它总是在我们写代码的时候，不时给... 查看详情

分享10个超实用的python编程技巧(代码片段)

作者|欣一来源|Python爱好者集中营今天小编来给大家分享几个Python的编程技巧，帮助你迅速完成地从小白到Python大神的蜕变。字典翻转首先我们来看字典的翻转，假设我们有下面类似的一个字典对象与数据car_dict =   ... 查看详情

以及数组的使用及运用（新手超实用的小技巧哦！）废寝忘食只为博君一赞！(代码片段)

方法续章   1、有参有返回值方法：   语法结构：访问修饰符返回值类型方法名（形式参数列表）      方法体；      return表达式；   调用语法：      数据类型变量名=方法名（... 查看详情

idea代码重构小技巧（超实用）(代码片段)

一、重构函数1、提取方法2、合并方法3、方法重命名4、函数参数位置更改与重命名二、重构变量三、提取方法到父类一、重构函数1、提取方法提取想要的代码，按快捷键Ctrl+Alt+M，就会弹出框，写出方法名称即... 查看详情

你应该了解的23个超实用js技巧(代码片段)

作者：望道（已获转载授权）原文：https://juejin.cn/post/6955293673365962789本文的目的在于帮助大家更加熟练的运用JavaScript语言来进行开发工作。带有多个条件的if语句把多个值放在一个数组中，然后调用数组的inclu... 查看详情

超实用的14个springmvc“隐藏”技巧，用了都说好！(代码片段)

通常，在SpringMVC中，我们编写一个控制器类来处理来自客户端的请求。然后，控制器调用业务类来处理与业务相关的任务，然后将客户端重定向到逻辑视图名称，该名称由Spring的调度程序Servlet解析，以呈现结果或输出。这样就... 查看详情

markdown实用小技巧(代码片段)

查看详情

编程技巧│超实用nginx中常见的配置合集(代码片段)

✨目录🎈封禁IP🎈仅开放内网🎈负载均衡🎈列出文件列表🎈路由转发🎈开启gzip压缩🎈解决跨域🎈资源防盗链🎈Keepalived提高吞吐量🎈HTTP强制跳转HTTPS🎈封禁IP通过deny可以封禁指定IP... 查看详情

超实用！文档小技巧：1秒图片转文字

一张图片放在你面前，你能联想到什么？照片、广告图、Ps，这是普通人的想法，但是我想到的却是图片转文字。图片转文字是什么鬼？就是通过OCR文字识别技术将图片中的文字识别出来，转换成可以复制、粘帖的文字文本。那... 查看详情

盘点一些linux实用小技巧(代码片段)

大家好，我是ZhengN。本次给大家分享一些Linux的实用小技巧。1、查看文件校验值在文件进行拷贝或者进行传输的时候，可能有损坏或者被修改的可能，这时候可以查看校验值来确认一下。比如我们平时工作需要用到其... 查看详情

iphone小技巧/实用功能(代码片段)

iPhone小技巧/实用功能iOS系统在一些细节上有很多人性化的功能。一不小心你可能就错过了这些功能，赶紧get起来。1.生日、纪念日提醒以前都是使用第三方的应用来标注亲朋好友的生日，但是时间一长，总是忘记密码... 查看详情

css高频实用小技巧(代码片段)

利用drop-shadow对元素的部分内容添加单重及多重阴影<divclass="setCss"> <divclass="round"></div></div>.setCss width:300px; height:300px; background:#000; padding:32px.round 查看详情

css高频实用小技巧(代码片段)

利用drop-shadow对元素的部分内容添加单重及多重阴影<divclass="setCss"> <divclass="round"></div></div>.setCss width:300px; height:300px; background:#000; padding:32px.round - 查看详情

22个案例详解pandas数据分析/预处理时的实用技巧，超简单(代码片段)

作者|俊欣来源| 关于数据分析与可视化今天小编打算来讲一讲数据分析方面的内容，整理和总结一下Pandas在数据预处理和数据分析方面的硬核干货，我们大致会说Pandas计算交叉列表Pandas将字符串与数值转化成时间类型Pand... 查看详情

不得不知的idea实用小技巧(代码片段)

前言人人都说IDEA好，但你知道他的强大之处在哪儿么？今天就来看看，增进日常开发效率的IDEA小技巧。代码编辑复制&粘贴我们知道，最常用的复制粘贴是通过Ctrl+C/V，但如果要针对复制历史进行粘贴... 查看详情

分享几个springboot实用的小技巧(代码片段)

前言最近分享的一些源码、框架设计的东西。我发现大家热情不是特别高，想想大多数应该还是正儿八经写代码的居多；这次就分享一点接地气的：SpringBoot使用中的一些小技巧。算不上多高大上的东西，但都还挺有用。屏蔽外... 查看详情

超级实用的vue小技巧，用了之后直呼好棒~(代码片段)

实用的vue小技巧，来源于真实企业实战——记得收藏~1.原型注入2.对象冻结3.img加载失败4.递归组件5.解决繁乱的template——render函数6.延迟更新——Vue.nextTick()7.自定义指令1.原型注入全局属性和方法可以这么定义方便调用和获... 查看详情

超级实用的vue小技巧，用了之后直呼好棒~(代码片段)

实用的vue小技巧，来源于真实企业实战——记得收藏~1.原型注入2.对象冻结3.img加载失败4.递归组件5.解决繁乱的template——render函数6.延迟更新——Vue.nextTick()7.自定义指令1.原型注入全局属性和方法可以这么定义方便调用和获... 查看详情