0
点赞
收藏
分享

微信扫一扫

javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值


文章目录

  • ​​一、$("p").html​​
  • ​​二、val​​

javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_val

一、$(“p”).html

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

javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_jQuery_02


这里就有点类似css的取值赋值,也是一个参数和两个参数的区别(一个参数取值,两个参数赋值)

二、val

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

javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_jQuery_03


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>

javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_单选_04


1、使下拉框的’选择3号’被选中

javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_val_05


javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_取值_06


javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_jQuery_07


javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_val_08


javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_jQuery_09


javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_取值_10


javaEE004.06 jQuery:需求练习:jQuery.html()有参取值无参赋值、val代表选中的意思例子、一个参数取值,两个参数赋值_html_11


举报

相关推荐

0 条评论