jQuery 表单的操作

最新推荐文章于 2022-05-06 20:04:31 发布

原创最新推荐文章于 2022-05-06 20:04:31 发布 · 587 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用jQuery操作DOM元素的具体实例，包括为输入框添加占位符、移除name属性、设置文本框值及获取其内容等。同时展示了如何通过jQuery操作复选框状态和文本域内容。

<body>
		<input type="text" name="username" />
		<input type="text" name="age" />
		<input type="checkbox" checked="checked" />
		<textarea>Hello World !!!</textarea>"
	</body>
	<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script>
		//$(':text') == $('input[type=text]')
		//添加/修改属性
		$(':text').attr('placeholder','请输入用户名！');
		//获取placeholder即属性上的值
		console.log($(':text').attr('placeholder'));
		// 移除input的name属性
		$(':text').removeAttr('name');
		
		// 给input标签设置value值
		$('input[name=age]').val('123');
		// 获取input标签的value的内容
		console.log($('input[name=age]').val());
		// 获取标签里的文本节点内容
		console.log($('textarea').text());
		
		$('input').prop('checked',false);
	</script>