javaEE004.06 jQuery：需求练习：jQuery.html（）有参取值无参赋值、val代表选中的意思例子、一个参数取值，两个参数赋值

Post author:xfxia
Post published:2023年10月4日
Post category:java

文章目录

一、$(“p”).html
二、val

在这里插入图片描述

一、$(“p”).html

$(“p”).html()有参是取值，无参是赋值

在这里插入图片描述

这里就有点类似css的取值赋值，也是一个参数和两个参数的区别（一个参数取值，两个参数赋值）

二、val

val也是，不仅可以取值，还可以赋值，根据文档1，我们还可以知道它另外有个作用是选中的意思

在这里插入图片描述

val代表选中的意思例子：

模板代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单选择器(空白)</title>
		<script type="text/javascript" src="../../script/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(function(){
				
			});
		
		</script>
	</head>
	<body>
		
		<input type="button" value="使单选下拉框的'选择3号'被选中"/>
		<input type="button" value="使多选下拉框选中的'选择2号'和'选择4号'被选中"/><br>
		<input type="button" value="使多选框的'多选2'和'多选4'被选中"/>
		<input type="button" value="使单选框的'单选2'被选中"/><br>
		<input type="button" value="打印已经被选中的值"><br>
 
		<br/>
		
		<select id="single">
		  <option value="sel01">选择1号</option>
		  <option value="sel02">选择2号</option>
		  <option value="sel03">选择3号</option>
		</select>
		
		<select id="multiple" multiple="multiple" style="height:120px;">
		  <option value="mul01" selected="selected">选择1号</option>
		  <option value="mul02">选择2号</option>
		  <option value="mul03">选择3号</option>
		  <option value="mul04">选择4号</option>
		  <option value="mul05" selected="selected">选择5号</option>
		</select>
		
		<br/><br/>

		<input type="checkbox" name="c" value="check1"/> 多选1
		<input type="checkbox" name="c" value="check2"/> 多选2
		<input type="checkbox" name="c" value="check3"/> 多选3
		<input type="checkbox" name="c" value="check4"/> 多选4
		
		<br/>
		
		<input type="radio" name="r" value="radio1"/> 单选1
		<input type="radio" name="r"  value="radio2"/> 单选2
		<input type="radio" name="r"  value="radio3"/> 单选3

	</body>
</html>