国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery實用代碼片段集合

2019-11-21 00:17:54
字體:
來源:轉載
供稿:網友

加載google的jquery庫

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

有利于加快加載速度(已經得到驗證)。

修改圖片src更新圖片

$(imageobj).attr('src', $(imageobj).attr('src') + '?' + Math.random() );

這是很實用的技巧,曾經有人問明河,為什么他已經修改了圖片的src,但圖片沒變化呢?原因在于緩存,給圖片路徑后加個隨機數參數即可。

加載多張圖片,判斷加載完成狀態

var totalimages = 10;
var loadedimages = 0;
$("
<img/>").load(function() {
++loadedimages;
if(loadedimages == totalimages){
//全部圖片加載完成時…..
}
});

雙擊不選中文本

var clearSelection = function () {
if(document.selection && document.selection.empty) {
document.selection.empty();
}
else if(window.getSelection) {
var sel = window.getSelection();
sel.removeAllRanges();
}
}

$(element).bind('dblclick',
function(event){
clearSelection();
});

對一個列表進行排序

<ul>
<li>cloud</li>
<li>sun</li>
<li>rain</li>
<li>snow</li>
</ul

var items = $('.to_order li').get();

items.sort(
function(a,b){
var keyA = $(a).text();
var keyB = $(b).text();
if (keyA < keyB) return -1;
if (keyA > keyB) return 1;
return 0;
});
var ul = $('.to_order');
$.each(items,
function(i, li){
ul.append(li);
});

(中文無效)
綁定右擊事件

$(document).ready(function(){
$(document).bind("contextmenu",
function(e){
return false;
});
});

 擴展jquery的對象選擇器

$.extend($.expr[':'], {
//選擇器名
moreThanAThousand : function (a){
return parseInt($(a).html()) > 1000;
}
});
$(document).ready(
function() {
$('td:moreThanAThousand').css('background
-color', '#ff0000′);
});

 檢查對象是否存在

if ($("#elementid").length) {
//……
}

取消一個ajax請求

var req = $.ajax({
type: "POST",
url: "someurl",
data: "id
=1″,
success:
function(){

}
});
//取消ajax請求
req.abort()

檢查cookies是否可用

$(document).ready(function() {
var dt = new Date();
dt.setSeconds(dt.getSeconds()
+ 60);
document.cookie
= "cookietest=1; expires=" + dt.toGMTString();
var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;
if(!cookiesEnabled){
//cookies不能用……..
}
});

獲取當前元素在元素集內的索引值

$("ul > li").click(function () {
var index = $(this).prevAll().length;
});
//如果用的是jquery1.4,明河推薦使用以下方法:
$("ul > li").click(function () {
var index = $(this).index();
});

 讓一個元素相對于屏幕居中

jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", ( $(window).height() 主站蜘蛛池模板: 平昌县| 辰溪县| 九龙县| 娄烦县| 沈丘县| 谢通门县| 义马市| 永宁县| 芮城县| 咸阳市| 利辛县| 福贡县| 正蓝旗| 德兴市| 宜兰市| 介休市| 闽清县| 宝山区| 平顶山市| 长子县| 抚宁县| 临泉县| 青阳县| 天祝| 五指山市| 合川市| 乐陵市| 轮台县| 峨眉山市| 广丰县| 罗定市| 蛟河市| 石阡县| 嘉祥县| 林周县| 彰武县| 西贡区| 邻水| 靖安县| 乐山市| 寿宁县|