不得不分享的JavaScript常用方法函數(shù)集（下）
更新時間：2015年12月25日 16:43:39 投稿：lijiao
不得不分享的JavaScript常用方法函數(shù)集，幫助大家更好的學習javascript程序設計，有興趣的朋友可以參考一下
本文中，收集了一些比較常用的Javascript函數(shù)，希望對學習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之間轉(zhuǎn)換
當改變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. 統(tǒng)計元素個數(shù)
$(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();
});
以上就是本文的全部內(nèi)容，喜歡的就收藏吧！
您可能感興趣的文章:
- 顯示js對象所有屬性和方法的函數(shù)
- js window.onload 加載多個函數(shù)的方法
- js 把字符串當函數(shù)執(zhí)行的方法
- javascript定義函數(shù)的方法
- javascript中使用replaceAll()函數(shù)實現(xiàn)字符替換的方法
- 解決火狐瀏覽器下JS setTimeout函數(shù)不兼容失效不執(zhí)行的方法
- JavaScript中valueOf函數(shù)與toString方法深入理解
- Javascript 判斷是否存在函數(shù)的方法
- 多種方法實現(xiàn)當jsp頁面完全加載完成后執(zhí)行一個js函數(shù)
相關文章
QTreeWidget中MainWindow窗體中布局器不起作用詳解
本文主要介紹了QTreeWidget中MainWindow窗體中布局器不起作用詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
這篇文章主要介紹了threejs?模型添加文字的幾種方式,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細介紹了小程序自定義輪播圖圓點組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細介紹了uni-app實現(xiàn)NFC讀取功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JavaScript設計模型Iterator實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了js給網(wǎng)頁加上背景音樂及選擇音效的方法,涉及javascript操作音頻的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
通過BootStrap-select插件 js jQuery控制select屬性變化
bootstrap-select我想大家都不陌生是一個前端下拉框的插件非常好用，在select的標簽中設置屬性可以做很多功能控制，下面通過本文給大家詳細介紹下2017-01-01
自定義tabBar可以讓開發(fā)者更加靈活地設置tabBar樣式,以滿足更多個性化的場景,下面這篇文章主要給大家介紹了關于小程序如何實現(xiàn)中間帶加號tabbar的相關資料,需要的朋友可以參考下2022-04-04
1秒50萬字!js實現(xiàn)關鍵詞匹配，快速進行關鍵字匹配，感興趣的小伙伴們可以參考一下2016-08-08
本文分享了利用javascript驗證香港身份證的格式或真實性的代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02