jquery怎么隐藏textarea-前端问答-PHP中文网

jquery怎么隐藏textarea

青灯夜游

发布： 2022-04-22 11:41:03

原创

2568人浏览过

方法：1、用hide()，语法“$("textarea").hide()”；2、用slideUp()，语法“$("textarea").slideUp()”；3、用fadeOut()，语法“$("textarea").fadeOut()”。

jquery怎么隐藏textarea

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

<textarea> 标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

jquery隐藏textarea的方法

方法1：使用hide()

hide() 方法可以隐藏被选元素。被隐藏的元素不会被完全显示（不再影响页面的布局）。

该方法的效果与 CSS 属性 display:none 类似。

示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("textarea").hide();
				})
			})
		</script>
	</head>
	<body>
		<textarea rows="10" cols="30">我是一个文本框。</textarea>
		<br><button>隐藏textarea</button>
	</body>
</html>

登录后复制

方法2：使用slideUp()

jquery返回顶部隐藏按钮

jquery返回顶部隐藏按钮，这个在商城网站用的是很多的，商品的信息很长，通过鼠标滚轮返回到顶部，那就out了，所以，商城的产品信息页面会有一个返回顶部的按钮！php中文网推荐下载！

165

查看详情

slideUp() 方法以滑动方式隐藏被选元素。被隐藏的元素不会被完全显示（不再影响页面的布局）。

示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("textarea").slideUp();
				})
			})
		</script>
	</head>
	<body>
		<textarea rows="10" cols="30">我是一个文本框。</textarea>
		<br><button>隐藏textarea</button>
	</body>
</html>

登录后复制

方法3：使用fadeOut()

fadeOut() 方法逐渐改变被选元素的不透明度，从可见到隐藏（褪色效果）。

示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("textarea").fadeOut();
				})
			})
		</script>
	</head>
	<body>
		<textarea rows="10" cols="30">我是一个文本框。</textarea>
		<br><button>隐藏textarea</button>
	</body>
</html>

登录后复制