/ Css / 224浏览

html css js前端技巧

搜索框与搜索按钮错位的问题

file

给两者都加上属性:vertical-align:top
参考链接: https://www.cnblogs.com/alex-xxc/p/10405341.html

清除浮动

属性:overflow: hidden;

悬浮分类显示

设置负的的margin

表格设置中双边框问题

html中如果设置table的border为1px,实际会产生双线
file
解决措施: 设置table的CSS为{border-collapse:collapse;border-style: solid;border-width: 1px;}
参考链接: https://www.cnblogs.com/qq2806933146xiaobai/p/12407749.html

jquery对象转document对象

let td = $(".product")[0]

后面加上[0]即可

input值没有输入的情况下value值

$("#LoginAcct > input").blur(function () {
            let name = $(this).val()
            if (name!=''){
                alert(name)
            }
        })

当没有input没有输入是,经测试此时的value值为''
而不是undefined和""或null
这里为啥双引号和单引号不一样暂时不知道

取消a标签的href属性,形成一个死链接

<a href="javascipt:void(0)"></a>

点击链接后没有效果
参考链接:https://www.runoob.com/js/js-void.html