如何用jQuery通过CSS删除页面上的特定元素？
- 内容介绍
- 文章标签
- 相关推荐
本文共计398个文字，预计阅读时间需要2分钟。
在 jQuery 中，可以使用 `.css()` 方法来控制 CSS 样式。要隐藏元素，可以给元素添加 `display: none;` 样式。以下是一个简化的操作步骤：
javascript$(document).ready(function(){ $(#元素选择器).css(display, none);});
例如，隐藏 id 为 隐藏元素 的元素：
javascript$(#隐藏元素).css(display, none);
请注意，本教程操作环境为 Windows 7 系统、jQuery 1.10.2 版本、Del。
在jquery中，可以利用css()方法来控制css，给元素添加“display: none;”样式，进而删除该元素；语法格式为“$("元素").css("display", "none");”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中，可以利用css()方法来控制css，给元素添加“display: none;”样式，进而删除该元素
css() 方法返回或设置匹配的元素的一个或多个样式属性。
实现代码：
<!DOCTYPE html> <html> <head> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("#btn").click(function() { $("#box").css("display", "none"); }); }); </script> </head> <body> <div>测试元素</div> <div id="box">测试box元素</div> <div>测试元素</div><br> <button id="btn">点击删除box元素</button> </body> </html>
相关视频教程推荐：jQuery教程（视频）
本文共计398个文字，预计阅读时间需要2分钟。
在 jQuery 中，可以使用 `.css()` 方法来控制 CSS 样式。要隐藏元素，可以给元素添加 `display: none;` 样式。以下是一个简化的操作步骤：
javascript$(document).ready(function(){ $(#元素选择器).css(display, none);});
例如，隐藏 id 为 隐藏元素 的元素：
javascript$(#隐藏元素).css(display, none);
请注意，本教程操作环境为 Windows 7 系统、jQuery 1.10.2 版本、Del。
在jquery中，可以利用css()方法来控制css，给元素添加“display: none;”样式，进而删除该元素；语法格式为“$("元素").css("display", "none");”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中，可以利用css()方法来控制css，给元素添加“display: none;”样式，进而删除该元素
css() 方法返回或设置匹配的元素的一个或多个样式属性。
实现代码：
<!DOCTYPE html> <html> <head> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("#btn").click(function() { $("#box").css("display", "none"); }); }); </script> </head> <body> <div>测试元素</div> <div id="box">测试box元素</div> <div>测试元素</div><br> <button id="btn">点击删除box元素</button> </body> </html>
相关视频教程推荐：jQuery教程（视频）