# jQuery与CSS：使用display: none隐藏元素
在Web开发中，常常需要根据用户的操作动态地显示或隐藏某些元素。jQuery，作为一个流行的JavaScript库，为这种功能提供了极大的便利。本文将探讨如何通过jQuery和CSS属性`display: none`来实现元素的隐藏，以及如何在前端开发中应用这一技巧。
## 一、什么是display: none？
`displ
原创
2024-08-18 05:12:36
96阅读
1.CSS中的浮动元素，不会和周围的外边距合并。2.float中有一个属性是none,用于防止元素浮动，看上去很傻，因为要让一个元素不浮动，不设置float属性不就可以了吗？如果要得到正常的不浮动行为，一定要设置float:none，也就是说让元素不浮动，一定要设定属性，但是不设定该属性的话，可能会浮动，也可能不会浮动，考虑到严谨，还是设定好。3.对于非替换元素要设定浮动，必须声明该元素的widt
转载
2023-10-18 22:46:50
187阅读
HSL色彩模型色相（HUE）：在基础色轮上分布的颜色，也称为纯色，纯色是不含黑、白、灰的颜色。
饱和度（SATURATION）：是指颜色的鲜亮程度，在纯色中加入灰色，会降低色彩的饱和度。100%是纯色，没有灰色阴影。50%是50%的灰色，0%是完全灰色。下图是饱和度从100%到0%的变化。明暗度（LIGHTNESS）：是指颜色的色彩的明暗程度，在纯色中加入黑色或白色，会改变颜色的明暗度。其中0%表
原创
2024-05-23 13:19:13
65阅读
filter注：filter 属性 目前已经完全可以在实际项目中应用，只要你的项目不需要兼容IE和Edge，例如中后
原创
2020-06-01 18:53:40
265阅读
【代码】css filter特性。
原创
2023-06-18 01:18:49
84阅读
filter属性filter属性主要用于元素的模糊,饱和度,色差效果参考博客:https://www.cnblogs.com/qtdd/p/15232192.htmlfilter:blur();filter:blur()主要用于元素模糊,默认值为0,无变化,数值越大,模糊度越高，单位是px <style> img { filter: blur(
原创
2022-06-17 19:58:31
82阅读
filter属性 filter属性主要用于元素的模糊,饱和度,色差效果 filter:blur(); filter:blur()主要用于元素模糊,默认值为0,无变化,数值越大,模糊度越高，单位是px <style> img { filter: blur(5px); } </style> <body> ...
转载
2021-09-06 12:32:00
486阅读
2评论
最近在整理bootstrap的样式库的时候，发现下列代码。 .btn{ filter:proid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);} 颜色变化： startColorStr:...
原创
2023-06-26 00:05:34
26阅读
过滤器效果可以在元素展示之前对元素的渲染进行处理。它是基于图片的效果，主要接受0或多个图片作为输入，然后指定特定的效果参数，最后生成一张图片作为输出。输出的图片会替代原始元素在DOM中渲染，或者被当做一个CSS图片值。虽然过滤器效果一开始是为了SVG而设计的，但是在CSS中，我们也同样可以使用(通过filter属性)。本文主要介绍的就是这一部分，CSS中的filter效果。后续我会在给大家介绍一下
原创
2021-05-19 09:42:16
533阅读
我们知道了如何使用WebRTC打开摄像头，可以截取视频帧并且用canvas显示出来。 本文将滤镜与视频结合。给视频加上一层滤镜。主要使用到的是filter属性。 canvas与滤镜 先来看filter与canvas的使用。先把canvas放好，显示一张本地的图片。
原创
2022-02-15 10:47:45
267阅读
filter是一个非常有意思的属性，（缺点：不支持IE，虽然不支持IE，但是IE有他专有的滤镜方式），filter 可以完成毛玻璃效果，模糊，锐化等 1 filter: none // 默认没有效果 2 blur(px) 3 brightness(%) 4 contrast(%) 5 drop-sh ...
转载
2021-10-12 23:20:00
1977阅读
2评论
语法：STYLE="filter:filtername(fparameter1,fparameter2...)" （Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数） 滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水平镜像图片 FlipV：创建垂直镜像图片 glow：加光辉在附近对象的边外 gray：把图片灰度化 invert：反色 light：创建光源在对象上 mask：创建透明掩膜在对象上 sh...
转载
2012-11-26 13:28:00
263阅读
2评论
文章目录浮动1.浮动属性2.浮动详解清除浮动1.清除浮动属性浮动形状1.定义形状2.使用图片定义浮动形状3.使用透明图片定义浮动形状4.给形状添加外边距 浮动1.浮动属性float取值： left | right | none初始值：none作用于：所有元素在某种程度上，浮动的元素脱离了常规的文档流，但是仍然会对布局有影响。CSS浮动元素的特殊之处是，浮动元素基本处于一个单独的平面之上，但是仍然
转载
2024-04-10 20:15:14
132阅读
浮动存在的原因在word排版中，文本可以环绕图片。在css中，想要实现文字环绕的效果，只能借助于float，没有其他的替代方式。在实际中，文档的布局经常会使用浮动。float属性float属性，默认为none，也就是标准流通常的情况。如果将float的属性的值设置为left或right，元素就会向其父元素的左侧或右侧紧靠。inherit表示从父元素继承float属性的值。clear属性clear
转载
2023-11-19 16:14:31
148阅读
css介绍CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。语法结构div{
color:green;
background-color: black;
}
选择器{css样式:样式对应的值}css引入方式方式1: 内部样式
head
转载
2024-08-19 14:23:22
29阅读
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertica
转载
2024-08-19 12:00:49
148阅读
CSS3 Filter Effects
image & PS effect
grayscale / 灰阶
转载
2018-11-16 09:53:00
88阅读
前言 前段时间找工作面试官问到一个问题，你如何将一个网页整体置灰？面试遇到这样的问题，一下束手无策，之前没有接触过这样的需求，因此没有回答上来，面试结束我才知道了这是考查对 CSS3 的新属性的了解。这里需要掌握 filter(滤镜) 这个新属性。细想一下，这个需求成立啊，比如遇到清明节、全国哀悼日 ...
转载
2021-07-16 10:49:00
358阅读
2评论
display:none和visibility:hidden 区别
翻译
精选
2012-09-01 15:13:28
872阅读
这里向大家描述一下CSS display:none和visibility:hidden的区别，visibility:hidden隐藏，但在浏览时保留位置；而CSS display:none视为不存在，且不加载！
转载
精选
2015-04-02 16:47:45
452阅读
