博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery常用代码片段
阅读量:6984 次
发布时间:2019-06-27

本文共 1842 字,大约阅读时间需要 6 分钟。

1)判断一个元素是否存在

使用jQuery判断元素是否存在,非常的简单。对于一个jQuery对象,我们只需要用length属性即可判断元素是否存在,如果存在肯定是大于0,示例代码:

判断这个图片是否存在,如果存在在把这个图片替换

2)获得文本框焦点,主要使用focus 获得焦点

$('#txtUser').bind("focus",function(){					$(this).animate({ width: "500px" }, 1000);					})				$('#txtUser').bind("blur",function(){					$(this).height("120px");					})        });

3)对失效的图片的处理  主要使用error 方法,注意在ie下不兼容性,当图片失效的时候,我们可以直接移除该图片,也可以替换该图片

mooncake

中秋节我们吃月饼

$(document).ready(function() { $("img").error(function() { $(this).remove(); //1.remove the image $(this).attr("src", "no-image.jpg"); //2.replace the image });});

4)

jQuery 判断图像是否被完全加载进来

$("#demoImg").attr("src", "demo.jpg").load(function() {      alert("图片加载完成");  });
5)

jQuery 判断浏览器类型及版本号

var browserName = navigator.userAgent.toLowerCase();mybrowser = {
version: (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1], safari: /webkit/i.test(browserName) && !this.chrome, opera: /opera/i.test(browserName), firefox: /firefox/i.test(browserName), msie: /msie/i.test(browserName) && !/opera/.test(browserName), mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome, chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)}$(document).ready(function () {
if (mybrowser.msie) {
alert("浏览器为:Internet Explorer 版本号为:" + $.browser.version); } else if (mybrowser.mozilla) {
alert("浏览器为:Firefox 版本号为:" + $.browser.version); } else if (mybrowser.opera) {
alert("浏览器为:Opera 版本号为:" + $.browser.version); } else if (mybrowser.safari) {
alert("浏览器为:Safari 版本号为:" + $.browser.version); } else if (mybrowser.chrome) {
alert("浏览器为:Chrome 版本号为:" + mybrowser.version); } else {
alert("神马"); }});

转载地址:http://civpl.baihongyu.com/

你可能感兴趣的文章
我的友情链接
查看>>
不用软件,手动修复双系统引导进win7,xp的多种方法
查看>>
python 访问需要HTTP Basic Authentication认证的资源
查看>>
java中比较字符串的大小用String的compareTo()
查看>>
plist使用
查看>>
Linux RAR 安装和使用
查看>>
【OC】【一秒就会】【collectionView 头部吸住功能】
查看>>
51CTO下载 好资料分享
查看>>
linux 下转换UTC到本地时间
查看>>
Linux的起源与各发行版的基本知识
查看>>
单播包、广播包、组播包、洪泛包
查看>>
23种设计模式之解释器模式
查看>>
iptables命令结构之命令
查看>>
RabbitMQ之Exchange分类
查看>>
综合布线系统的构成
查看>>
计算机硬件 — 计算机简介
查看>>
关于重写session实现的时候可能会导至nginx 502的问题
查看>>
7z(p7zip)压缩软件在Linux下的安装和使用
查看>>
jetbrick-template 1.1.0 发布,支持 #tag, #macro, layout
查看>>
TCP的六个控制位
查看>>