函数
1，第一组函数(常用)
1)val()： 操作dom对象的value值
val()：没有参数，获取dom数组中第一个dom对象的value值，
val(参数)：有参数，给dom数组中所有dom对象的value属性赋值，
**
2)text()： 操作标签的文本内容，标签开始和结束之间的内容
text()：没有参数，把dom数组中所有dom对象的文本内容链接起来，形成一个字符串，并返回这个字符串，
text(参数)：有参数，给dom数组中所有成员统一赋予新的文本
**
3)attr()： 操作value，文本以外的属性时
attr(“属性名”)：获取dom对象数组中第一个dom成员的此属性值
attr(“属性名”,“属性名”)：有参数，给dom数组中所有成员统一赋予新的文本
**
提示：以下是本篇文章正文内容，下面代码可供参考
操作代码-注释
<script type="text/javascript" src="js/jquery-3.6.0.js">
</script>
<script type="text/javascript">
$(function(){
$("#btn1").click(function(){
//获取文本框的value值
// var txt=$(":text").val();
// alert("第一个文本框的value值="+txt);
//获取文本框的第一个value值
var txt=$(":text:first").val();
alert("第一个文本框的value值="+txt)
})
$("#btn2").click(function(){
//给所有文本框赋新值,新的value
$(":text").val("三国演义");
})
$("#btn3").click(function(){
//使用text函数，读取文本内容
alert($("div").text());
})
$("#btn4").click(function(){
//设置div新文本
$("div").text("我是div");
})
$("#btn5").click(function(){
//读取src的属性值，使用attr()
var txt=$("img").attr("src");
alert("图片的地址"+txt);
})
$("#btn6").click(function(){
//设置src的属性值，换一个图片
var txt=$("#img1").attr("src","./image/2.jpg");
})
})
</script>
</head>
<body>
<p> 文本框</p>
<input type="text" value="刘备" /><br />
<input type="text" value="张飞" /><br />
<input type="text" value="关羽" /><br />
<p> 文本数据</p>
<div> 我们学习的是开发语言</div>
<div> ，java</div>
<div> ，是面对对象的</div>
<p> 图片</p>
<img id="img1" src="./image/1.jpg"/>
<img id="img2" src="./image/2.jpg"/>
<p> 功能按钮</p>
<button id="btn1">获取第一个文本框的value值</button><br />
<button id="btn2">给文本框赋新值</button><br />
<button id="btn3">获取div的所有文本</button><br />
<button id="btn4">设置div新文本</button><br />
<button id="btn5">读取src的属性值</button><br />
<button id="btn6">设置src的属性值,换一个图片</button><br />
</body>
```
1460
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
