本文主要是介绍【积少成多】各种js或者jquery或者html或者css等微知识------持续更新!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、attr("src"," ") 属性在ios端图片切换异常问题。
当我们让一个图片显示/隐藏的时候,如果用到这种方法:
$(".aaa").attr("src","../images/logo.png");-----显示
$(".aaa").attr("src"," ");-----隐藏
在ios端可能会出现图片隐藏的时候并没有隐藏掉。
解决方法:
隐藏时用此种写法: $(".aaa").removeAttr("src");
二、对于<input type="file">的灵活运用。
通常,我们在运用上传图片或者导入某个如excel表的时候,都会用到<input type="file">控件,但因其样式不好看,我们想用到自己想要的样式,必然就要对原始的input空间进行隐藏,用一个设计好的来把click事件绑定。
eg:<a class="upload"><input type="file" style="display:none;"><span class="filename"></span>
$(".upload").click(function(){
$("input").click();
});
但是,往往我们需要把上传文件的名字显示在页面上,这样用户看着也明确,但是,这时候该怎么操作呢?
这时,我们就要想到,input不只是有click事件,还有change事件,so,我们只需要这样:
$("input").change(function(){
$(".filename").text($("input").val());
});
这样,就完美的解决啦!
三、display:inline-block; 在IE7以下兼容性问题。
我们都知道,在布局的时候,我们如果不想用到float,用display:inline-block;这货来解决是比较好的方法,但是这货在IE7以下不兼容,这点比较蛋疼,可用如下方法解决:
li{ display:inline-block; *display:inline; zoom:1;}
-------------------------------------------------------------------华丽的分割线------------------------------------------------------------------------------------
持续更新累积中...!
这篇关于【积少成多】各种js或者jquery或者html或者css等微知识------持续更新!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!