jquery常用代码片段
16lz
2021-01-22
1)判断一个元素是否存在
使用jQuery判断元素是否存在,非常的简单。对于一个jQuery对象,我们只需要用length属性即可判断元素是否存在,如果存在肯定是大于0,示例代码:
判断这个图片是否存在,如果存在在把这个图片替换
- <imgsrc="http://www.jquery001.com/images/demo/2010/anyixuan.jpg"style="float:right"id='uu2'>
- <scripttype="text/javascript">
- $(document).ready(function(){
- if($('#uu2').length>0){
- $('#uu2').attr("src","http://www.blogkid.cn/wp-content/uploads/2008/04/memcached_shell_2.JPG");
- }
- });
- </script>
- <inputtype="text"id="txtUser"style="width:200px;"/>
- $('#txtUser').bind("focus",function(){
- $(this).animate({width:"500px"},1000);
- })
- $('#txtUser').bind("blur",function(){
- $(this).height("120px");
- })
- });
- <imgsrc="mooncake1.jpg"alt="mooncake"/>
- <p>中秋节我们吃月饼</p>
- $(document).ready(function(){
- $("img").error(function(){
- $(this).remove();//1.removetheimage
- $(this).attr("src","no-image.jpg");//2.replacetheimage
- });
- });
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("神马");
}
});
更多相关文章
- 浏览器Bug在输入上显示时间文本
- 【jQuery】判断浏览器类型和版本
- jQuery Ui Draggable在移动端浏览器不起作用解决方案
- JS检查浏览器是否支持CSS Snap Points
- 目前最好用的“点击复制”功能,兼容主流浏览器
- ie8下jQuery动画没有ie7流畅,是浏览器性能问题吗?有没有什么解决方
- CSS样式如何解决IE浏览器不同版本的兼容问题
- 关于INPUT的autocomplete="off" 属性(浏览器表单默认的记忆功能)
- html 加上readonly后在各种浏览器的差异。