>首页> IT >

jquery怎么根据id改变元素值

时间:2022-04-20 18:44:31       来源:PHP中文网

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

jquery根据id改变元素值

实现步骤:

给指定元素设置id属性

使用“$("#id属性值")”语句获取指定元素对象

使用jquery方法给指定元素修改值

修改元素值有三种方法:

使用text(),可设置被选元素的文本内容。

使用html(),可设置被选元素的内容(innerHTML)。

使用val(),可设置input元素的值

示例1:使用text()

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("button").click(function() {$("#xg").text("Hello world!");});});</script>

这是一个段落。

这是另一个段落。

示例2:使用html()

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("button").click(function() {$("#xg").html("Hello world!");});});</script>

这是一个段落。

这是另一个段落。

示例3:使用val()

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("button").click(function() {$("#name").val("Hello www.php.cn");});});</script>

用户名:

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么根据id改变元素值的详细内容,更多请关注php中文网其它相关文章!

关键词: 这是一个 相关文章 视频教程