现在的位置: 首页 > 综合 > 正文

实用jquery代码片段集合

2011年07月28日 ⁄ 综合 ⁄ 共 1313字 ⁄ 字号 评论关闭

加载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) {
//……

抱歉!评论已关闭.