不得不分享的JavaScript常用方法函數(shù)集（下）
更新時(shí)間：2015年12月25日 16:43:39 投稿：lijiao
不得不分享的JavaScript常用方法函數(shù)集，幫助大家更好的學(xué)習(xí)javascript程序設(shè)計(jì)，有興趣的朋友可以參考一下
本文中，收集了一些比較常用的Javascript函數(shù)，希望對(duì)學(xué)習(xí)JS的朋友們有所幫助。
22. 替換元素
$(document).ready(function() {
$('#id').replaceWith('
<DIV>I have been replaced</DIV>
');
});
23. jQuery延時(shí)加載功能
$(document).ready(function() {
window.setTimeout(function() {
// do something
}, 1000);
});
24. 移除單詞功能
$(document).ready(function() {
var el = $('#id');
el.html(el.html().replace(/word/ig, ""));
});
25. 驗(yàn)證元素是否存在于jquery對(duì)象集合中
$(document).ready(function() {
if ($('#id').length) {
// do something
}
});
26. 使整個(gè)DIV可點(diǎn)擊
$(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)換
當(dāng)改變Window大小時(shí)，在ID與Class之間切換
$(document).ready(function() {
function checkWindowSize() {
if ( $(window).width() > 1200 ) {
$('body').addClass('large');
} else {
$('body').removeClass('large');
}
}
$(window).resize(checkWindowSize);
});
28. 克隆對(duì)象
$(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)計(jì)元素個(gè)數(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主機(jī)上的Jquery類庫(kù)
//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（動(dòng)畫）效果
$(document).ready(function() {
jQuery.fx.off = true;
});
35. 與其他Javascript類庫(kù)沖突解決方案
$(document).ready(function() {
var $jq = jQuery.noConflict();
$jq('#id').show();
});
以上就是本文的全部?jī)?nèi)容，喜歡的就收藏吧！
您可能感興趣的文章:
- 顯示js對(duì)象所有屬性和方法的函數(shù)
- js window.onload 加載多個(gè)函數(shù)的方法
- js 把字符串當(dāng)函數(shù)執(zhí)行的方法
- javascript定義函數(shù)的方法
- javascript中使用replaceAll()函數(shù)實(shí)現(xiàn)字符替換的方法
- 解決火狐瀏覽器下JS setTimeout函數(shù)不兼容失效不執(zhí)行的方法
- JavaScript中valueOf函數(shù)與toString方法深入理解
- Javascript 判斷是否存在函數(shù)的方法
- 多種方法實(shí)現(xiàn)當(dāng)jsp頁(yè)面完全加載完成后執(zhí)行一個(gè)js函數(shù)
相關(guān)文章
QTreeWidget中MainWindow窗體中布局器不起作用詳解
本文主要介紹了QTreeWidget中MainWindow窗體中布局器不起作用詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要介紹了threejs?模型添加文字的幾種方式,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了小程序自定義輪播圖圓點(diǎn)組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了uni-app實(shí)現(xiàn)NFC讀取功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript設(shè)計(jì)模型Iterator實(shí)例解析
這篇文章主要介紹了JavaScript設(shè)計(jì)模型Iterator實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了js給網(wǎng)頁(yè)加上背景音樂及選擇音效的方法,涉及javascript操作音頻的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
通過BootStrap-select插件 js jQuery控制select屬性變化
bootstrap-select我想大家都不陌生是一個(gè)前端下拉框的插件非常好用，在select的標(biāo)簽中設(shè)置屬性可以做很多功能控制，下面通過本文給大家詳細(xì)介紹下2017-01-01
小程序如何實(shí)現(xiàn)中間帶加號(hào)的tabbar
自定義tabBar可以讓開發(fā)者更加靈活地設(shè)置tabBar樣式,以滿足更多個(gè)性化的場(chǎng)景,下面這篇文章主要給大家介紹了關(guān)于小程序如何實(shí)現(xiàn)中間帶加號(hào)tabbar的相關(guān)資料,需要的朋友可以參考下2022-04-04
1秒50萬(wàn)字!js實(shí)現(xiàn)關(guān)鍵詞匹配
1秒50萬(wàn)字!js實(shí)現(xiàn)關(guān)鍵詞匹配，快速進(jìn)行關(guān)鍵字匹配，感興趣的小伙伴們可以參考一下2016-08-08
javascript驗(yàn)證香港身份證的格式或真實(shí)性
本文分享了利用javascript驗(yàn)證香港身份證的格式或真實(shí)性的代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02