jquery如何根据id改变元素值

本篇内容主要讲解"jquery如何根据id改变元素值"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"jquery如何根据id改变元素值"吧!

jquery根据id改变值的方法：1、给元素设置id属性；2、使用"$("#id属性值")"语句获取指定元素对象；3、使用"元素对象.html("新值")"、"元素对象.text("新值")"或"元素.val("新值")"语句来修改元素值。

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

jquery根据id改变元素值

实现步骤：

• 给指定元素设置id属性

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

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

修改元素值有三种方法：

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

• 使用html()，可设置被选元素的内容（innerHTML）。

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

示例1：使用text()

                                                                                        修改id="xg"的p元素的文本内容                
这是一个段落。
                
这是另一个段落。
        

示例2：使用html()

                                                                                        修改id="xg"的p元素的文本内容                
这是一个段落。
                
这是另一个段落。
        

示例3：使用val()

                                                                                        修改id="name"的input元素的文本内容

                用户名:         

到此，相信大家对"jquery如何根据id改变元素值"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！