JQ里面关于html(),text()和val()的使用和区别

最新推荐文章于 2023-08-27 01:42:36 发布
最新推荐文章于 2023-08-27 01:42:36 发布
阅读量352 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29498555/article/details/79412155
版权

今天做一个用户设置默认收货地址的功能，想在用户点击p标签后动态改变p标签的内容，但是发现用val()没办法实现，后

来发现text()可以，但是后来又想同时把p标签的字体颜色改成红色，所以用html()可以直接添加font标签,同时改变字体颜色。


html()可以添加html标签和文本内容。

text()只能添加文本内容，如果添加html标签将会以文本内容输出。

val()也能添加文本内容，但是只能在有value属性的这一类标签，如input中使用。


        总体来说html()使用更广一些。

阿姨炒乌鸦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中text() val()和html()的区别实例详解
11-25
在jQuery中，`text()`, `val()`, 和 `html()` 是三个非常常用的函数，用于获取和设置HTML元素中的文本、值以及HTML内容。虽然它们的功能相似，但各自有着特定的用途和细微的区别。 首先，`text()` 主要用于获取或...
JQ 获取和设置内容 text() html() val()
08-14
在JavaScript的世界里，jQuery（简称JQ）是一个广泛使用的库，极大地简化了DOM操作、事件处理、动画制作等任务。本篇文章将详细讲解jQuery中获取和设置内容的三个主要方法：`text()`, `html()`, 和 `val()`。这些...
jQuery-text()与val()方法区别 学习笔记六
lansky07
11-28 5264
text()方法是取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。获取span,div ,p之类才用text()或html()方法。例子:Paraparagraph $("p").text();     将得到：Paraparagraph单行文本不能用text()方法获得值，必须用val()方法。val()方法是获
jquery中的html()及.text()和.val()的区别
sina_panda
04-23 784
读取、修改元素的html结构或者元素的文本内容是常见的DOM操作，jQuery针对这样的处理提供了2个便捷的方法.html()与.text() .html()方法  获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法： .html() 不传入值，就是获取集合中第一个匹配元素的HTML内容.html( htmlString )  设置每一个
jq 中.html(),.text()和.val()的总结
weixin_30571465的博客
08-31 112
html与.text的方法操作是一样，只是在具体针对处理对象不同 html处理的是元素内容，.text处理的是文本内容 html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的...
前端——搞懂jQuery中的text()、val()和html()
s707365172的博客
04-18 585
前言 今天在学表单验证的时候突然被text()、val()和html()搞混了，于是为了彻底记住就写篇博客来加深印象吧！ text()、val()和html() 为了便于理解，通过代码来说明。 在html文件中定义一个div盒子，在盒子里放上span和input元素。 <div> div里面的文字 <span>span里面的文字</span> <input type="text" name="" value="input的value值"> <in
jq的html text val
sinat_38992528的博客
02-05 385
jquery中html()、text()、val()的区别  (2013-03-26 10:49:16) 转载▼   分类： jquery   .html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值。 这三个方法功能上的对比
jquery text(),val(),html()方法区别总结
12-12
text():1、无参获取每一个匹配元素的文本内容  2、有参数 给每一个匹配元素赋值 val():1、无参获取第一个匹配元素的值  2、有参数 给每一个匹配元素赋值 html():1、无参获取第一个匹配元素的标签内容  2、有参数...
jquery中html、val与text三者属性取值的联系与区别介绍
12-01
在jQuery中，`html()`, `val()`, 和 `text()` 是三个常用的方法，它们用于获取和设置HTML元素中的内容。下面将详细解释这三个方法的联系与区别。 1. `html()` - 无参 `html()`：该方法用于获取匹配元素的第一个...
JQ 设置和获取HTML和文本和值
08-13
标题中的“JQ 设置和获取HTML和文本和值”指的是使用jQuery库来操作HTML元素的HTML内容、文本内容以及表单元素的值。jQuery是一个广泛使用的JavaScript库，它简化了DOM（文档对象模型）操作、事件处理、动画设计以及...
html——jquery中val()与text()用法的区别
知北行的博客
04-13 1201
jquery的text()函数： 用于设置或返回被选元素的文本内容 只输出标签内的文本内容，和js的innerText方法一样 不能获取表单元素如 button、input 等元素的输入值 jquery的val()函数： 返回或设置被选元素的值。 元素的值是通过 value 属性设置的，但div元素就算设置了value属性，使用该函数也获取不到值 该方法大多用于 input 元素 val...
jquery—html方法和text方法
记录点滴
05-17 1398
html ( ): 可分为【取值】和【赋值】； 取值：选择出的是第一个匹配元素的内容，包涵html标签，而且是字符串形式的； 如下： <div class="wra"> <div class="box">1<span>0</span></div> <div class="box">2&...
jquery之html(),text()方法详解
weixin_33985507的博客
10-17 437
一：html() html()函数用于设置或返回当前jQuery对象所匹配的DOM元素内的html内容。 该函数的用途相当于设置或获取DOM元素的innerHTML属性值。 该函数属于jQuery对象(实例)。 语法 jQueryObject.html( [ htmlString ] ) 参数 参数描述 htmlString 可选/String/Function类型用...
jquery里html()和text()的区别
m0_50569176的博客
09-17 1200
首先我们看看当不写参数时，他们各自的作用 <ul> <li>123</li> <li>dc</li> <li>sadcdsc</li> </ul> <script> console.log( $("li").html() ); console.log( $("li").text() ); .
jquery中html()、text()、val()的使用和区别
W的博客
10-09 391
a标签不是input标签，没有val()这个值，只有text()或者html()
jQuery中val()和text()的区别
最新发布
qq_52430605的博客
08-27 1252
介绍了jQuery中val()方法和text()方法的使用区别
jq--textarea的取值赋值
qq_41353397的博客
05-02 2436
取值赋值常用的方法，html(),text(),val() textarea标签 .它是表单元素，val()可用 .它是闭合标签，html(),text()可用 这三个都可以取值赋值 其中val()可以获取textarea输入框改变的值 <textarea class="test">111</textarea> 例： 一、取值 $(".test").val(); $(".test").html(); $(".test").text(); 二、赋值： $(".test").val(
关于jquery中html()、text()、val()的区别
bobozai86的博客
03-15 306
.html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容（包括其Html标签），.html()方法使用在多个元素上时，只读取第一个元素 .text()用来读取或修改元素的纯文本内容 对应js中的innerText text()用来读取元素的纯文本内容，包括其后代元素;.text()方法不能使用在表单...
jQuery中的html()、text()和val()的用法
weixin_52512511的博客
06-29 391
hello') 设置页面内容为hello
HTML使用JQ库和Cooke实现注册登录
05-17
好的，下面我将为你介绍如何使用jQuery和Cookie来实现注册和登录功能。 1. 注册表单 首先，我们需要在HTML中创建一个注册表单。代码如下： ``` <form id="register-form"> <label for="username">用户名：</label> <input type="text" id="username" name="username" required> <br> <label for="password">密码：</label> <input type="password" id="password" name="password" required> <br> <button type="submit">注册</button> </form> ``` 2. 注册事件 当用户填写完注册表单后，我们需要通过jQuery来获取表单数据并将其保存在Cookie中。代码如下： ``` $('#register-form').submit(function(e) { e.preventDefault(); // 防止表单默认提交 var username = $('#username').val(); var password = $('#password').val(); // 将用户名和密码保存在Cookie中 $.cookie('username', username); $.cookie('password', password); alert('注册成功！'); }); ``` 3. 登录表单 接下来，我们需要创建一个登录表单，让用户输入用户名和密码。代码如下： ``` <form id="login-form"> <label for="username">用户名：</label> <input type="text" id="username" name="username" required> <br> <label for="password">密码：</label> <input type="password" id="password" name="password" required> <br> <button type="submit">登录</button> </form> ``` 4. 登录事件 当用户提交登录表单后，我们需要通过jQuery来获取表单数据并与保存在Cookie中的用户名和密码进行比对。如果匹配成功，则登录成功，否则登录失败。代码如下： ``` $('#login-form').submit(function(e) { e.preventDefault(); // 防止表单默认提交 var username = $('#username').val(); var password = $('#password').val(); // 获取Cookie中保存的用户名和密码 var savedUsername = $.cookie('username'); var savedPassword = $.cookie('password'); // 比对用户名和密码 if (savedUsername === username && savedPassword === password) { alert('登录成功！'); } else { alert('用户名或密码错误！'); } }); ``` 以上就是使用jQuery和Cookie实现注册登录功能的全部代码。注意，在使用Cookie时，需要先引入jQuery和jquery.cookie.js文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值