(一)怎样用JQuery刷新一幅图片?
说明:我们都知道,当我们在请求一个资源(比如网页,图片等)的时候,如果该资源被缓存到浏览器了,那么请求返回的就是缓存的副本,不是我们希望获取的资源(该资源内容已经被更新了),此时最普遍的一个办法就是在请求的页面后面或者图片的src后面加上一个查询字符串"ran=" + Math.random(),这样就会请求到最新版本的资源啦!
代码:
复制代码 代码如下:
$(imageObj).attr('src',$(imageObj).attr('src') + '?' + Math.random());
(二)怎样用JQuery查看一幅图片是否被完全加载?
说明:在一个页面未加载完全的时候调用JavaScript操作常常会失败,因为此时DOM未解析完毕。可以在windoiw.onload方法中执行要执行的JavaScript/JQuery方法(此时图片肯定加载完成,可以获取其高度等属性),也可以在$(function(){})中执行(此时DOM虽解析完毕,但是所请求的资源未必全部加载完成)。
如果在使用图片之前,要事先检测图片是否加载完成,可以采用如下的代码:
代码:
复制代码 代码如下:
var imgsrc = "img/img.png";
$(imageObj).load(function()
{
alert('图片加载完成');
}).error(function()
{
alert('图片加载出错');
}).attr('src',imgsrc);
(三)怎样用JQuery查看多幅幅图片是否被完全加载?
说明:说明如上,加入你页面有十幅图片要加载,此时可以设置一个变量记录加载图片数,当该变量等于总的图片数时,加载就大功告成了!
复制代码 代码如下:
var totalImages = 10;
var loadedImages = 0;
$('img').load(function()
{
++loadedImages; //此处为闭包
if(loadedImages == totalImages)
{
alert('所有图片加载完毕!');
}
});
(四)怎样用JQuery对无序列表(ul)排序?
说明:有时候我们需要对一个无序列表(ul)排序(当然可以用有序列表ol),但是ul能够提供更多定制功能,且能自定义排序器。
代码:(1)待排序列表为:
复制代码 代码如下:
<ul class='to_order'>
<li>cloud</li>
<li>sun</li>
<li>rain</li>
<li>snow</li>
</ul>
(2)JQuery代码为:
复制代码 代码如下:
var items = $('.to_order li').get(); //获取所有待排序li
items.sort(function(a,b) //调用javascript内置函数sort,参数为一闭包函数,也就是排序器
{
var keyA = $(a).val();
var keyB = $(b).val();
if(keyA < keyB) return -1;
if(keyA > keyB) return 1;
return 0;
});
var ul = $('.to_order');
$.each(items,function(i,li) //此时items为排好队的集合
{
ul.append(li);
});
(五)怎样禁止鼠标右键(contextmenu)?
说明:有时候我们希望用户不能使用鼠标右键,从而避免复制,另存为等行为。
复制代码 代码如下:
$(function(){
$(document).bind('contextmenu',function(e){
return false;
});
});
(六)怎样实现一幅图片淡出(FadeOut)后,另一幅图片淡入(FadeIn)的效果?
说明:是时候展现一些比较cool效果了,淡入淡出的效果可以采用JQuery的FadeIn和FadeOut效果来实现。
复制代码 代码如下:
$('img').fadeOut(function(){
$(this).load(function(){
$(this).fadeIn();
}).attr('src',AnotherSource);
});
(七)检测一个DOM对象是否存在?
说明:在对一个DOM对象操作前,先检测其是否存在。
复制代码 代码如下:
//方法一
if($('#elementId').length)
{
//存在
}
//方法二
if($('#elementId').size() > 0)
{
//存在
}
//方法三
if($('#elementId')[0])
{
//存在
}
//方法四~方法N
期待大家补充,哈哈!
相关推荐:
SEO怎么排名?这5大技巧,轻松提升网站排名,人人都可ai
好用的AI写作软件,让创作更高效
SEO针对中小企业的增长潜力:如何通过精准优化抢占市场先机,网络推广和营销就选y火10星评价
ChatGPT您的应用遇到问题,无法正常启动?如何解决并重新体验智能助手的魅力!,男头ai关键词
SEO做法-提升网站流量与排名的关键秘诀,屏东网站推广招聘
ChatGLM不能搜索网页内容,你真的了解它的局限性吗?,ai修复情侣
ChatGPT目前,我无法查看或打开附件,但我依然能为你提供全面的帮助,苹果ai谷歌ai
优化软件:让电脑性能焕然一新,提升效率的秘密武器,大理网站推广招聘信息最新
为什么选择SEO会员服务,让您的网站流量飞速增长,靖边专业网站建设公司
中外链:打通全球流量的桥梁,提升网站排名与流量的双重保障,行业网站建设思路
SEO包含的秘密:让你的网站轻松排上首页,新媒体营销推广方案目录
为什么“搜狗不收录”会成为企业SEO的新挑战?,烤肉店的线下营销与推广
seo网站是什么找行者SEO,seo分析网站 ,ai图文梅花
优化网站的秘诀:提高网站速度与用户体验,助力业务腾飞,旅游网站建设步骤
AI文章概括缩写:让内容高效获取的智能工具,ai 处理文件
互联网资源的无限潜力:如何利用数字世界为个人和企业创造价值,信阳网站建设正规公司
AI一键生成文章,写作新境界
SEO目标:让您的网站轻松登顶搜索引擎,优化购物网站的搜索
ChatGPT连了外网也登不了?如何解决这一问题,重新畅享AI助力!,ai少女大瓜
京东业绩再创新高:未来电商巨头的成功之道,如何做seo优化留痕
ChatGPT界面看不到用户:隐秘的互动方式与智慧的背后,AI和UR
seo网站代码是什么,网站专业术语中seo意思是什么 ,拟人ai制作
seo需要什么器械,seo需要什么器械才能做 ,长续航ai纯电汽车
什么是seo公司口碑,seo品牌 ,ai大模型训练是什么意思
seo跟sem是什么,seo和sem的概念 ,惠威的ai功能
seo网站页面优化包括什么,seo页面优化技术 ,no ai写作
SEO实现:如何通过SEO优化提升网站流量与排名,南京市公司网站推广
seo类文章是什么,seo技术文章 ,ai3.5-ai聊天
seo组建需要什么条件,seo建站的步骤 ,ai肌肉宝宝
SEO学费多少钱?揭秘SEO培训的投资价值与回报!,郴州网站推广多少钱一个
SEO精通:让你的内容在搜索引擎中脱颖而出,跨境电商 推广营销
SEO优化流程:助力网站快速提升排名的关键策略,1745ai
SEO趋势:2025年搜索引擎优化的未来发展,河南省营销推广系统官网
seo诊断什么意思,seo诊断a5 ,约瑟夫ai
ChatGPT破解:人工智能的无限潜力与破解秘笈,意识变ai
seo软件是什么职位,seo用的是什么软件 ,ai感知树
ChatGPT登录界面都不显示了?可能是这些原因导致的!,上海小学ai智能课
《“查看更多”背后的秘密:让你的人生更加丰富多彩!》,宁安公司网站建设
AI网页效果生成:开启网站设计的新纪元,ai画线祥云
ChatGPT模型进化历程:人工智能的智慧革命,ai 喷枪星空
seo词库优化,搜索词条优化 ,ai点选择
什么是seo在线咨询,什么是seo在线咨询服务 ,unreal ai
用AI写的文章算原创吗?真相揭示,带你深度思考!
SEM+SEO:助力企业数字化营销的双剑合璧之道,ai头像丑
ChatGPT宕机两小时,OpenAI紧急修复,用户期待AI恢复正常服务,oppo小布ai
SEO有点:揭秘优化之道,提升网站排名的秘诀,广州抖音seo厂家地址
“扩写AI”-引领写作革命,开启智能创作新时代,dede seo 标题如何填写
SEO词的魔力:如何通过关键词优化打破流量瓶颈,免费网站建设高端
“只能写作”:在创作的世界里,选择文字,就是选择自由,云南关键词排名推广报价
AI缩写文档:革新文档管理与自动化的未来,ai聊天中文