一、前言
2020年的第一篇了,奥利给!
这部分主要是汇总一些平时遇到的jquery
和css
小知识,作为笔记使用。
二、正文
1、jquery模拟select下拉框的选择事件,并传参数:
self.selectArray[j].val(value的值).trigger('change');
2、jquery正则匹配去掉字符串中的+号:
str = str.replace(/\+/g, " ")
3、js判断json对象中含有某个值
json //代表json对象
if(json.hasOwnProperty("key1")){
console.log(json["key1]);
}
4、textarea的placeholder换行
jQuery(function () {
$("#content_list").find("textarea").each(function(){
this.setAttribute('placeholder', 'line1\nline2\n{IMG}\nline3');
});
5、css的百分比和px混用
例如我们知道border的宽度是不能设百分比的,必须给明确的宽度px。那么我们在用百分比布局的时候,怎么计算响应div的宽度呢
width:calc(100% - 2px);
这里的calc():calc() 函数用于动态计算长度值。
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
任何长度值都可以使用calc()函数进行计算;
calc()函数支持 "+", "-", "*", "/" 运算;
calc()函数使用标准的数学运算优先级规则;
假如要总宽度减去响应的px之后,再平分四份,那么写法应该是:
width:calc(calc(100% - 8px)/4);