jquery/css需要記錄的小知識（持續補充）

一、前言

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);