jquery/css需要记录的小知识（持续补充）

本文链接：https://blog.youkuaiyun.com/LJFPHP/article/details/104761179

本文分享了前端开发中jQuery和CSS的实用技巧，包括模拟select事件、去除字符串中的特定字符、判断JSON对象属性、设置textarea占位符换行及混合使用百分比与px布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、前言

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