jq: 属性-文本

2024-08-20 16:48
文章标签 属性 文本 jq

本文主要是介绍jq: 属性-文本,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

.text()

类似原生js中的innerText属性

可以取值 也可以赋值

        <div id="test">Hello, world!</div>
<div id="test1">改变我的值</div>
<button id="btn">点击打印</button>
<script src="../jquery-3.4.1.js"></script>
<script>$('#btn').click(function() {console.log( $('#test').text() );$('#test1').text('我使用test()改变了你');})
</script>

v2-3278a0008ff1631df2501cbe361047f6_b.gif

参数可以传字符串 可以传函数

函数默认把return值当做字符串处理,也可以使用对应参数index(索引),ele(值)

        <div id="test">Hello, world!</div>
<div id="test1">改变我的值</div>
<button id="btn">点击打印</button>
<script src="../jquery-3.4.1.js"></script>
<script>$('#btn').click(function() {$('#test').text(function() {return '233';});$('div').text(function(index, ele) {if(index == 1) {return "在text中使用函数"}});})
</script>

v2-6d70ec41e49c0e6a577a74d90e6f4f2a_b.gif

.html()

类似innerHTML属性,可以添加/取值标签和内容,用法和.text()方法一样,唯一的区别在text方法取值赋值均一组,html方法取值取一个,赋值赋一组。

        <div class="test2"></div>
<div class="test2">Hello, world!</div>
<div id="test1">改变我的值<b>我是span</b></div>
<button id="btn">点击打印</button>
<script src="../jquery-3.4.1.js"></script>
<script>$('#btn').click(function() {$('.test2').html('666');console.log($('#test1').html())})
</script>

v2-6a2b21019589af124b43fdf88d27bcce_b.gif

.val()

类似js中的value属性,在form表单的元素中可以取值赋值

使用和html()方法一样,取值取一个,赋值赋一组

        <input class="test2" type="text" value="1111">
<button id="btn">点击打印</button>
<script src="../jquery-3.4.1.js"></script>
<script>$('#btn').click(function() {console.log($('.test2').val());$('.test2').val('666');})
</script>

v2-68b98d236a356d1ffa9136b832c53717_b.gif

这篇关于jq: 属性-文本的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1090624

相关文章

苹果macOS 26 Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色

《苹果macOS26Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色》在整体系统设计方面,macOS26采用了全新的玻璃质感视觉风格,应用于Dock栏、应用图标以及桌面小部件等多个界面... 科技媒体 MACRumors 昨日(6 月 13 日)发布博文,报道称在 macOS 26 Tahoe 中

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取

CSS3中的字体及相关属性详解

《CSS3中的字体及相关属性详解》:本文主要介绍了CSS3中的字体及相关属性,详细内容请阅读本文,希望能对你有所帮助... 字体网页字体的三个来源:用户机器上安装的字体,放心使用。保存在第三方网站上的字体,例如Typekit和Google,可以link标签链接到你的页面上。保存在你自己Web服务器上的字

SpringBoot读取ZooKeeper(ZK)属性的方法实现

《SpringBoot读取ZooKeeper(ZK)属性的方法实现》本文主要介绍了SpringBoot读取ZooKeeper(ZK)属性的方法实现,强调使用@ConfigurationProperti... 目录1. 在配置文件中定义 ZK 属性application.propertiesapplicati

Java反射实现多属性去重与分组功能

《Java反射实现多属性去重与分组功能》在Java开发中,​​List是一种非常常用的数据结构,通常我们会遇到这样的问题:如何处理​​List​​​中的相同字段?无论是去重还是分组,合理的操作可以提高... 目录一、开发环境与基础组件准备1.环境配置:2. 代码结构说明:二、基础反射工具:BeanUtils

详解如何使用Python从零开始构建文本统计模型

《详解如何使用Python从零开始构建文本统计模型》在自然语言处理领域,词汇表构建是文本预处理的关键环节,本文通过Python代码实践,演示如何从原始文本中提取多尺度特征,并通过动态调整机制构建更精确... 目录一、项目背景与核心思想二、核心代码解析1. 数据加载与预处理2. 多尺度字符统计3. 统计结果可

MySQL 事务的概念及ACID属性和使用详解

《MySQL事务的概念及ACID属性和使用详解》MySQL通过多线程实现存储工作,因此在并发访问场景中,事务确保了数据操作的一致性和可靠性,下面通过本文给大家介绍MySQL事务的概念及ACID属性和... 目录一、什么是事务二、事务的属性及使用2.1 事务的 ACID 属性2.2 为什么存在事务2.3 事务

Spring Cache注解@Cacheable的九个属性详解

《SpringCache注解@Cacheable的九个属性详解》在@Cacheable注解的使用中,共有9个属性供我们来使用,这9个属性分别是:value、cacheNames、key、key... 目录1.value/cacheNames 属性2.key属性3.keyGeneratjavascriptor

Spring Boot 事务详解(事务传播行为、事务属性)

《SpringBoot事务详解(事务传播行为、事务属性)》SpringBoot提供了强大的事务管理功能,通过@Transactional注解可以方便地配置事务的传播行为和属性,本文将详细介绍Spr... 目录Spring Boot 事务详解引言声明式事务管理示例编程式事务管理示例事务传播行为1. REQUI

C#TextBox设置提示文本方式(SetHintText)

《C#TextBox设置提示文本方式(SetHintText)》:本文主要介绍C#TextBox设置提示文本方式(SetHintText),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录C#TextBox设置提示文本效果展示核心代码总结C#TextBox设置提示文本效果展示核心代