不得不分享的JavaScript常用方法函数集(下)
2015-12-25 00:00
851 查看
本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助。
22. 替换元素
23. jQuery延时加载功能
24. 移除单词功能
25. 验证元素是否存在于jquery对象集合中
26. 使整个DIV可点击
27. ID与Class之间转换
当改变Window大小时,在ID与Class之间切换
28. 克隆对象
29. 使元素居屏幕中间位置
30. 写自己的选择器
31. 统计元素个数
32. 使用自己的 Bullets
33. 引用Google主机上的Jquery类库
34. 禁用Jquery(动画)效果
35. 与其他Javascript类库冲突解决方案
以上就是本文的全部内容,喜欢的就收藏吧!
js window.onload 加载多个函数的方法
js 把字符串当函数执行的方法
javascript定义函数的方法
javascript中使用replaceAll()函数实现字符替换的方法
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
JavaScript中valueOf函数与toString方法深入理解
Javascript 判断是否存在函数的方法
多种方法实现当jsp页面完全加载完成后执行一个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(); });
以上就是本文的全部内容,喜欢的就收藏吧!
您可能感兴趣的文章:
显示js对象所有属性和方法的函数js window.onload 加载多个函数的方法
js 把字符串当函数执行的方法
javascript定义函数的方法
javascript中使用replaceAll()函数实现字符替换的方法
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
JavaScript中valueOf函数与toString方法深入理解
Javascript 判断是否存在函数的方法
多种方法实现当jsp页面完全加载完成后执行一个js函数
相关文章推荐
- javascript iife
- javascript 判断元素是否隐藏
- js对于时间比较大小
- js中按值传递与按引用传递小结
- js中几种加密形式
- 在JSP中使用常量un标签的使用
- js判断移动终端url跳转
- js杂
- javascript感悟
- JSP复习(二)EL表达式
- 从Ecma规范深入理解js中的this的指向
- Javascript DOM 编程艺术(second edition) 读书笔记(2)
- 如何让C#像JavaScript一样编程
- JavaScript:理解worker事件api
- JavaScript:理解worker事件api
- js里cookie操作
- Javascript DOM 编程艺术(second edition) 读书笔记(1)
- JSON数据造假和解析
- js中的for in
- js运算符