一、前言

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

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

  1. 不定期更新,记录一些小知识

    作者:东北大胖子 原文来源: https://tidb.net/blog/c6e3a445 不定期更新,记录一些小知识,欢迎指正,本帖尽量使用文字描述,相关图片尽量粘贴,方便大家搜索~ Mysql向T ...

  2. golang 小知识-持续更新中

    Golang 中的指针 - Pointer Go 的原生数据类型可以分为基本类型和高级类型,基本类型主要包含 string, bool, int 及 float 系列,高级类型包含 struct,ar ...

  3. 关于jquery你不得不知的小知识

    1 url长度限制 各浏览器url长度有最大限制,其中ie最短 2 设置属性值 设置id为ni的属性值为1: $("#ni").val("1"); 3 jque ...

  4. CSS中的背景小知识

    1.css中的背景有很多属性,在写的时候可以用background:xxx  xxx 写在一起:也可以分开写,如background-color:background-image等等 2.背景颜色的写 ...

  5. 前端知识总结汇总!(HTML、CSS、JS、jQuery、vue、微信小程序)

    前端知识总结汇总!(HTML.CSS.JS.jQuery.vue.微信小程序) 前端理论考核题 1 / HTML 1.DOCTYPE 的作用是什么?标准模式与兼容模式各有什么区别? !DOCTYPE是 ...

  6. html5电子相册在线制作,Html5+jQuery+CSS制作相册小记录

    本文主要讲述采用Html5+jQuery+CSS 制作相册的小小记录. 主要功能点: Html5进行布局 调用jQuery(借用官网的一句话:The Write Less, Do More)极大的简化 ...

  7. CSS的基本概念———每天一遍小知识

    前言 这是我学习了这个网站整理的笔记,接下来还会持续更新. 这是我的博客首页:https://blog.csdn.net/weixin_46654114?t=1 博客名:RodmaChen 如果写的不 ...

  8. python 使用小知识总结(持续更新ing)

    这篇博客主要针对于使用python来进行深度学习/机器学习过程各方面小知识的总结.习惯于使用C++这种严谨的语言,改换到python这门相对来说开放式的语言需要很多学习,而作为一个菜鸡,遇到编程问题解 ...

  9. html a text decoration,你未必知道的CSS小知识:text-decoration属性变成了属性简写

    我相信有些小知识会让你大吃一惊. 跟着最新的CSS规范,text-decoration现在的写法是这样的: a { text-decoration: overline aqua wavy; } tex ...

最新文章

  1. Java基础篇:面向对象
  2. 3、使用二进制方式搭建K8S集群
  3. 如何看待清华北大毕业生流失去国外?
  4. 宇宙膨胀背后的故事(卅三):宇宙之有生于无
  5. html与css知识总结,html和css知识总结(示例代码)
  6. python数字类型-Python数字类型及其操作
  7. vue 插件 滑块验证_VUE接入腾讯验证码功能(滑块验证)备忘
  8. Mysql HA实现MYSQL的高可用(上)
  9. 跟我一起使用electron搭建一个文件浏览器吧
  10. JVM—内存分配与回收策略
  11. vue —— UI组件库
  12. sql2008中打开“外围应用配置器”和启用 OpenRowSet 和 OpenDataSource函数
  13. 04:数组逆序重放【一维数组】
  14. Spring AOP(七)之定义切入点
  15. 【菜鸡的LeetCode答案】【C#】7.反转整数
  16. rabbitmq中交换机类型direct和topic的区别
  17. 对啊英语音标---四、双元音常见的字母发音组合有哪些
  18. EPICS简单的设备支持程序
  19. 呵呵,GET2017教育科技大会VIP门票,你要不要啊?
  20. 系统集成项目管理工程师试题(2022年11月全国卷)

热门文章

  1. java 整型_Java整型计算
  2. php 静态类在worker,GatewayWorker的Events.php中调用Worker::runAll()出现异常
  3. c++ 创建 mat
  4. python pycocotools安装
  5. flask管理不同的路由
  6. 基于深度卷积神经网络进行人脸识别的原理是什么?
  7. python去除扩展名
  8. vlc播放网络流延时参数设置
  9. 'htons' was not declared in this scope 解决
  10. java中volatile_Java中Volatile关键字详解