jQuery更改元素内容

ゞ浴缸里的玫瑰 2022-01-20 10:53 275阅读 0赞

html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <p id="text">111111111</p>
    <input type="text" id="texti" value="2222">
    <textarea name="" id="texta" cols="30" rows="10"></textarea>
    <a href="https://www.baidu.com/" id="link">百度</a>
    <button id="btn">改变</button>
    </body>
    </html>

jQuery

<script src="js/jquery-1.12.4.js"></script>
        <script>
            $(function () {
                $("#btn").click(function () {
                    $("#text").text("222222");
                    $("#texti").val("333");
                    $("#texta").val("4444");
                    $("#link").text("京东").prop("href","https://www.jd.com/");
                });
            });
        </script>

点击之前  
![点击之前][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NlaUVpZ2h0_size_16_color_FFFFFF_t_70]  
点击之后  
![点击之后][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NlaUVpZ2h0_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NlaUVpZ2h0_size_16_color_FFFFFF_t_70]: /images/20220120/2455f2e80cb1450c8eb5042c82ec299c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NlaUVpZ2h0_size_16_color_FFFFFF_t_70 1]: /images/20220120/5f03954f40184a9480b090c35e9011c0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，275人围观）

还没有评论，来说两句吧...

相关阅读

相关【JQ】Jquery_过滤器（基础-子元素-可见性-内容）

[CSDN话题挑战赛第2期][CSDN_2] 参赛话题：[前端技术分享][Link 1] 分享的本意就是总结并传播知识。这里，大家可以将自己掌握的前端知识总结，分享给大家

刺骨的言语ヽ痛彻心扉/ 2024年04月03日 09:09/ 0 赞/ 37 阅读

相关 jQuery 学习-样式篇（五）：jQuery 设置元素的 html 结构或 text 内容

> 推荐阅读 > > Helm3（K8S 资源对象管理工具）视频教程：[https://edu.csdn.net/course/detail/32506][https_

我不是女神ヾ/ 2022年12月31日 07:29/ 0 赞/ 136 阅读

相关 06 jquery 获取元素的内容-html()-val()-text()

获取元素的内容作者：曾庆林 html()方法 `Html()`:获取匹配元素集合中第一个元素的HTML内容 `html(htmlstring)` 设置匹配元素

浅浅的花香味﹌/ 2022年12月08日 12:50/ 0 赞/ 129 阅读

相关随意更改网页内容

代码：javascript:document.body.contentEditable='true';document.designMode='on';void0 方法：将代

ゞ浴缸里的玫瑰/ 2022年08月22日 15:27/ 0 赞/ 184 阅读

相关 jquery 元素控制(追加元素/追加内容)

一、在元素内部/外部追加元素 append,prepend:添加到子元素 before，after：作为兄弟元素添加 html：代码如下: <di

今天药忘吃喽~/ 2022年06月17日 03:13/ 0 赞/ 386 阅读

相关笔记 jquery判断一个元素下面是否有内容

if($("ss").find("li").length==0)\{//如果class中包含“XXX”的ul标签中的没有找到li标签，就证明是没有内容的 \} 如果cl

墨蓝/ 2022年06月06日 12:06/ 0 赞/ 184 阅读

相关 jquery的元素的文本内容与HTML内容操作的区别

一应用获取和设置元素的文本内容与HTML内容二代码 <script language="javascript" src="JS/jquery-3.1.1.

布满荆棘的人生/ 2022年05月12日 00:38/ 0 赞/ 188 阅读

相关 jQuery对元素内容操作

jQuery提供了对元素的内容和值进行操作的方法，其中，元素的值是元素的一种属性，大部分元素的值都对应value属性。下面我们再来对元素的内容进行介绍。元素的内容是指定义元

墨蓝/ 2022年05月12日 00:38/ 0 赞/ 311 阅读

相关 jQuery更改元素内容

html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

ゞ浴缸里的玫瑰/ 2022年01月20日 10:53/ 0 赞/ 276 阅读

相关 jQuery添加标签元素/内容

通过 `jQuery`，可以很容易地添加新元素/内容。我们将学习用于添加新内容的四个 jQuery 方法： `append()` \- 在被选元素的结尾插入内容

r囧r小猫/ 2021年06月26日 16:06/ 0 赞/ 524 阅读