首页 / JQUERY / jquery实用代码片段集合
jquery实用代码片段集合
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery实用代码片段集合,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2532字,纯文字阅读大概需要4分钟。
内容图文
![jquery实用代码片段集合](/upload/InfoBanner/zyjiaocheng/371/906a9a3569644f129f578c426c3f95cc.jpg)
加载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() – this.height() ) / 2+$(window).scrollTop() + "px");
this.css("left", ( $(window).width() – this.width() ) / 2+$(window).scrollLeft() + "px");
return this<SPAN style="PADDING-RIGHT: 0px; PADDING
内容总结
以上是互联网集市为您收集整理的jquery实用代码片段集合全部内容,希望文章能够帮你解决jquery实用代码片段集合所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。