不得不分享的JavaScript常用方法函数集(下)


Posted in Javascript onDecember 25, 2015

本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助。

22. 替换元素

$(document).ready(function() {
  $('#id').replaceWith('
<DIV>I have been replaced</DIV>
 
');
});

23. jQuery延时加载功能

$(document).ready(function() {
  window.setTimeout(function() {
    // do something
  }, 1000);
});

24. 移除单词功能

$(document).ready(function() {
  var el = $('#id');
  el.html(el.html().replace(/word/ig, ""));
});

25. 验证元素是否存在于jquery对象集合中

$(document).ready(function() {
  if ($('#id').length) {
   // do something
 }
});

26. 使整个DIV可点击

$(document).ready(function() {
  $("div").click(function(){
     //get the url from href attribute and launch the url
   window.location=$(this).find("a").attr("href"); return false;
  });// how to use<DIV><A href="index.html">home</A></DIV>});

27. ID与Class之间转换
当改变Window大小时,在ID与Class之间切换

$(document).ready(function() {
  function checkWindowSize() {
    if ( $(window).width() > 1200 ) {
    $('body').addClass('large');
  }  else {
    $('body').removeClass('large');
  }
  }
$(window).resize(checkWindowSize);
});

28. 克隆对象

$(document).ready(function() {
  var cloned = $('#id').clone();// how to use<DIV id=id></DIV>});

29. 使元素居屏幕中间位置

$(document).ready(function() {
 jQuery.fn.center = function () {
    this.css("position","absolute");
       this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
          this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
             return this;
 }
 $("#id").center();
});

30. 写自己的选择器

$(document).ready(function() {
  $.extend($.expr[':'], {
    moreThen1000px: function(a) {
         return $(a).width() > 1000;
   }
  });
 $('.box:moreThen1000px').click(function() {
    // creating a simple js alert box
   alert('The element that you have clicked is over 1000 pixels wide');
 });
});

31. 统计元素个数

$(document).ready(function() {
  $("p").size();
});

32. 使用自己的 Bullets

$(document).ready(function() {
  $("ul").addClass("Replaced");
  $("ul > li").prepend("‒ "); // how to use
 ul.Replaced { list-style : none; }
});

33. 引用Google主机上的Jquery类库

//Example 1
<SCRIPT src="http://www.google.com/jsapi"></SCRIPT>
<SCRIPT type=text/javascript>
google.load("jquery", "1.2.6");
google.setOnLoadCallback(function() {
  // do something
});
</SCRIPT><SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></SCRIPT>
 // Example 2:(the best and fastest way)
<SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></SCRIPT>

34. 禁用Jquery(动画)效果

$(document).ready(function() {
  jQuery.fx.off = true;
});

35. 与其他Javascript类库冲突解决方案

$(document).ready(function() {
  var $jq = jQuery.noConflict();
  $jq('#id').show();
});

以上就是本文的全部内容,喜欢的就收藏吧!

Javascript 相关文章推荐
网页设计常用的一些技巧
Dec 22 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
js报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
jquery中的事件处理详细介绍
Jun 24 Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 Javascript
js倒计时小程序
Nov 05 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
jQuery满屏焦点图左右滚动特效代码分享
Sep 07 Javascript
JS实现百度搜索接口及链接功能实例代码
Feb 02 Javascript
说说如何在Vue.js中实现数字输入组件的方法
Jan 08 Javascript
vue resource发送请求的几种方式
Sep 30 Javascript
Vue通过WebSocket建立长连接的实现代码
Nov 05 Javascript
JQuery datepicker 用法详解
Dec 25 #Javascript
一道JS前端闭包面试题解析
Dec 25 #Javascript
干货分享:让你分分钟学会javascript闭包
Dec 25 #Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 #Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 #Javascript
JavaScript中Window对象的属性及事件
Dec 25 #Javascript
JavaScript字符串删除重复字符的方法
Dec 25 #Javascript
You might like
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
php无限极分类实现方法分析
2019/07/04 PHP
php实现对短信验证码发送次数的限制实例讲解
2021/03/04 PHP
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
AJAX架构之Dojo篇
2007/04/10 Javascript
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
vue实现一个炫酷的日历组件
2018/10/08 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
Python Grid使用和布局详解
2018/06/30 Python
python开发游戏的前期准备
2019/05/05 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
pyx文件 生成pyd 文件用于 cython调用的实现
2021/03/04 Python
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
Merchant 1948澳大利亚:新西兰领先的鞋类和靴子供应商
2018/03/24 全球购物
圣彼得堡鲜花配送:Semicvetic
2020/09/15 全球购物
大学生毕业鉴定
2014/01/31 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
终止或解除劳动合同及劳动关系的证明书
2014/10/06 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
接待员岗位职责
2015/02/13 职场文书