jquery/css需要记录的小知识(持续补充)

一、前言

2020年的第一篇了,奥利给!

这部分主要是汇总一些平时遇到的jquerycss小知识,作为笔记使用。

二、正文

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);
发布了361 篇原创文章 · 获赞 1457 · 访问量 140万+

猜你喜欢

转载自blog.csdn.net/LJFPHP/article/details/104761179