前段开发问题整理——第一篇

一、var aSR = $('div[class*=auto]');

css选择器，选择div中所有class值包含‘auto’的元素，例如：

<div class='col-auto-1'></div>

还有类似的：只匹配开头字段

a[src^="https"]，选择其 src 属性值以 "https" 开头的每个 <a> 元素

===========================

二、aSR[i].className.indexOf('layui-hide') < 0

aSR[i]是一个元素
上述代码的意思是获取元素的class的值并判断字符串 ‘layui-hide’ 的下标值是否大于零，即判断元素的class值是否包含 ’layui-hide’ 。

===========================

三、data.title && hTitle.text(data.title);

data是一个对象，hTitle是一个标签元素对象
上述代码的意思是如果data.title存在就将值赋值给hTitle标签

===========================

四、display: inline-block;

让块级元素在同一行显示，如将三个div并排显示

===========================

五、一个div所占的宽度

width + margin-left + margin-right + padding-left + padding-right + border*2

===========================

六，div的隐藏

方法一：

style="visiblity:visible ;"

visiblity:visible -------->可见

visiblity:hidden ------->不可见(隐藏)

这种方法div是占据空间的,只是说看到的是空白

方法二：

style="display: none;"

display:none--------->无(隐藏)

display:""------------>有(不设置display属性即是有可以看见)

这种方法div隐藏后是不占据空间的

七、jquery设置样式（转载）[原文]

(https://blog.csdn.net/xiaoyuncc/article/details/70854925)

• 用css()方法返回元素的样式属性

$("div").css("padding-left"));

• 用css()设置样式

$("div").css("color","yellow");

• 设置多个样式

$("div").css({"background-color":"yellow","font-size":"200%"});

var css = {
    background-color: '#EEE',
    height: '500px',
    margin: '10px',
    padding: '2px 5px'
};
$("div").css(css);

八、input提示语-placeholder

<input type="text" placeholder="类型">

九、css鼠标悬浮事件_:hover 选择器

//鼠标悬浮在a标签上背景颜色变成黄色
a:hover
{ 
background-color:yellow;
}

十、css鼠标点击事件_active 选择器

//鼠标点击a标签背景颜色变成黄色
a:active
{ 
background-color:yellow;
}

十一、css3中的-moz、-ms、-webkit

1. -moz代表firefox浏览器私有属性
2. -ms代表ie浏览器私有属性
3. -webkit代表safari、chrome私有属性

十二、双击页面不选中div中的文本

/*双击不选中文本*/
    -moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;