本教程操作环境: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中文网其它相关文章!