jQuery（五）：文本操作

最新推荐文章于 2024-08-08 23:04:40 发布
最新推荐文章于 2024-08-08 23:04:40 发布
阅读量82 收藏
点赞数
文章标签： javascript ViewUI

text()可以获取或设置元素的文本内容。例如：

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html()操作</title>
    <style>
       *{
           margin: 0px;
           padding: 0px;
       }
       input{
           display: block;
           float: left;
       }
    </style>
    <!--引入jQuery-->
    <script src="../jquery-3.3.1.js"></script>
    <!--javascript-->
    <script>
       $(function(){
            $("#btnGet").click(function(){
                var text=$("div.left").text();
                alert(text);
             });
             $("#btnSet").click(function(){
                var html=$("div.left").text("<div style='border:1px solid red;'><p>这是一个段落</p></div>");
             });
       });
    </script>
</head>
<body>
    <div id="mainbox">
         <h1>飘飞雨絮</h1>
         <div class="left">
             <img src="../qq.jpg" width="150" height="150"/>
             <p>上面的图片是QQ斗地主</p>
             <br />
         </div>
    </div>
    <input type="button" id="btnGet" value="获取text()内容" style="margin-right:10px;" />
    <input type="button" id="btnSet" value="单击改变内容" />
</body>
</html>

 

效果：

weixin_33973600
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery控制控件文本的长度的操作方法
01-19
在Web项目开发中，有时候会碰到这样一个问题，控件被文本内容撑爆了，但是怎么控制控件文本的的内容呢？...HTML内容，h2中的文本通过jQuery控制： <h2 class=test></h2> 例如，h2的内容为这是一个测试内容，更多其它内
jQuery的文本操作
海绵宝宝派大星的博客
12-29 311
今天主要说的是标签内容和标签属性的设置和获取方法$(..).text(..) #获取文本内容 $(..).text("1") #设置文本内容 上述方法将标签中的内容取出，变成字符串，而设置进的内容，不会当作html标签进行解析 $(..).html() #获取html $(..).html("1") #设置html内容以上方法将标签取出，而设置内容，会当作html标签进行处理
jQuery基础（文本内容、元素操作、尺寸、位置）
weixin_57920269的博客
03-13 154
文本内容获取、修改；元素的遍历、创建、添加、删除；元素尺寸、位置；
Jquery操作文本内容（三个方法：html()、text()、var()）
qq_57340195的博客
01-17 1501
Jquery操作文本内容(三个方法：html()、text()、var()) 一、html()获取和设置文本内容和标签 1、获取标签里的结构和内容 $("ul").html() //获取标签里所有的结构和内容 2、设置标签里的文本内容 $(".a").html("你好，世界") //设置标签里的id是a里的文本内容 $("li").html("<span>你好，世界&l...
jQuery 操作HTML、文本、值
山水子农
07-16 5397
一、获取内容 获取内容 - text()、html() 以及 val()  text() - 设置或返回所选元素的文本内容  html() - 设置或返回所选元素的内容（包括 HTML 标记）  val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容： $(document).ready(function(
jQuery文本值的操作
Richard_666的博客
05-03 405
4.jQuery 操作文本内容
Bi-Hu的博客
05-20 147
jQuery 操作文本内容 这里用 jq操作元素内的文本和超文本： 属于 jQuery 的方法 只能 jquery元素集合调用, 原生 DOM 不能调用！！！ 1.html() 用法：元素集合.html()　　//读取(首个) 获取该元素的超文本内容, 以字符串的形式返回 获取的时候为了保证 html 结构只能获取第一个的元素的超文本内容(获取首个) 用法：元素集合.html('内容')　...
jquery 文本复制控件
12-16
本文将深入探讨“jquery文本复制控件”的相关知识点，这是一款专为前端和后端开发者设计的实用工具，使得用户只需点击文本即可实现内容的快速复制，并能提供友好的提示信息。 首先，我们要理解jQuery复制文本的核心...
jQuery 操作option的实现代码
12-08
在这个场景中，我们需要关注两个主要的jQuery操作：清空Option元素和动态创建Option元素。 首先，清空Select中的所有Option元素。在纯JavaScript中，这通常涉及到循环遍历Option元素并将它们的文本内容置空。然而，...
jQuery学习3：操作元素属性和特性
10-29
在jQuery中，操作元素的属性和特性是常见的任务，这对于动态改变网页内容或者响应用户交互至关重要。本篇文章将深入探讨jQuery中与元素属性相关的API，包括`attr()`、`removeAttr()`、`html()`、`text()`、`height()...
jQuery操作文本
HanYueQian的博客
07-21 259
操作元素的内容 html()取值 html(txt) 赋值 相当于innerHTML text() 取值 text(txt) 赋值 相当于innerText val() 取值 val(val) 赋值 相当于value <!DOCTYPE html> <html> <head> <meta charset="utf...
jQuery对元素内容操作
iteye_5722的博客
04-02 287
jQuery提供了对元素的内容和值进行操作的方法，其中，元素的值是元素的一种属性，大部分元素的值都对应value属性。下面我们再来对元素的内容进行介绍。 元素的内容是指定义元素的起始标记和结束标记中间的内容，又可分为文本内容和HTML内容。 那么什么是元素的文本内容和HTML内容？通过下面这段来说明。 &lt;div&gt;       &lt;p&gt;测试内容&lt;/p&gt;...
jQuery 文档操作 - text() 方法
我用键盘敲出一个世界
09-26 520
定义和用法 text() 方法方法设置或返回被选元素的文本内容。它主要包括三点： 1.设置 2.返回 3.使用函数设置文本内容。1设置文本内容 当该方法用于设置值时，它会覆盖被选元素的所有内容。 例子： $(selector).text(content) 参数 content 描述 规定被选元素的新文本内容。注释：特殊字符会被编码。<html> <
jquery文档操作
qq_43285335的博客
10-17 243
使用jquery，需要导入jquery文件 &lt;script src = "jquery.js"&gt;&lt;/script&gt; &lt;ul&gt; &lt;li&gt;001&lt;/li&gt; &lt;li&gt;002&lt;/li&gt; &lt;li&gt;003&lt;/
jquery操作文本代码值
天空守护云
03-02 114
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
v-model --双向数据绑定
qq_45802159的博客
01-03 3199
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
jQuery 文档操作 - html() 方法与text()方法
二月的羊
12-19 1208
一、html()         1、用法：html() 方法返回或设置被选元素的内容 (inner HTML)。         2、语法               a、$(selector).html()                     说明：当使用该方法返回一个值时，它会返回第一个匹配元素的内容。                     注意：是第一个匹配元素的内容。
Element学习（布局组件、案例操作）（4）
最新发布
m0_74363339的博客
08-08 384
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
jQuery教程：创建节点与DOM操作
比如，如果要将新建的`<p>`元素添加到页面某个元素后面，可以这样操作： ```javascript var newParagraph = $("<p/>").text("新段落内容"); $("#someElement").append(newParagraph); ``` 在这个例子中，`#some...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值