Jquery中dom对象取值的3种方式：val()、html()、text()

最新推荐文章于 2022-03-29 12:30:00 发布
原创 最新推荐文章于 2022-03-29 12:30:00 发布 · 2.5k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
jquary

当前文章被收录于：

jquary
38 篇文章 0 人学习
订阅专栏 查看详情
本文详细解析了如何使用jQuery对象设置CSS样式，包括单个样式和多个样式的组合设置。同时，介绍了jQuery对象中用于获取和设置HTML元素属性的常用函数，如val(), text(), html()等，并通过实例展示了如何获取和设置不同HTML标签的属性值。
.css('border','none')
.css('borderBottom','solid 1px navy')
.css({'width':'30px'});
以上三行代码都是针对之前的jQuery对象设置CSS样式，如果一次需要设置多个CSS值，可用另一种形式，如：
            .css({'border':'none','borderBottom':'solid 1px navy','width':'30px'});

css()函数如果只传一个字符串参数，则为取样式值，比如css('color')为取得当前jQuery对象的样式属性color的值。




jQuery对象有多种这样的函数，比如

val('')为设置value，val()为取value，

text('text')为设置innerText,text()为取得innerText，

此外还有html(),用于操作innerHTML

 

============================

比如:<a href="http://www.baidu.com"><li>jQuery(expression,context)</li></a>标签

val():取不出值，因为a标签没有value属性

text():取出的是：jQuery(expression,context)。忽略标签。

html():取出的是：<li>jQuery(expression,context)</li>。

DOM获取值
qq_45190067的博客
11-24 318
DOM学习，复习整理资料
获取DOM对象的五种方式
微风的博客
08-15 2819
#获取DOM对象的五种方式 ##一，通过ID获取DOM对象 ``` varxx=document.getElementById（'xx'） ``` ##二.通过签名获取DOM对象 ``` varxx=document.getElementsByTagId（'xx'） ``` ##三.通过类名获取DOM对象（获取的） ``` varxx=document.getElementsByClassName('xx') ``` ##...
获取dom元素6种实现方式
qwyio的博客
03-29 7362
querySelector document.querySelector('选择器') querySelectorAll document.querySelectorAll('选择器') getElementById document.querySelectorAll('id名') getElementsByClassName document.getElementsByClassName('类名') getElementsByName document.getElementsB
常见的dom取值
heni6560的博客
04-22 1068
1.标签input 取值： var value=$("#imgtalk").val(); 赋值： 1),不推荐使用 这种写法有时会失效,特别是他的父元素是dosplay:none时 $("#imgtalk").val("值"); 2),推荐使用 可正常赋值 $("#imgtalk").attr("value","值"); 3),js原始写法 document.getEle...
DOM取值
天空守护云
01-23 443
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" name=&quot
JQuery text()方法 html()方法 val()方法详解
欢迎访问我的主页：https://www.bookbook.cc
12-31 7913
不知道大家有没有这样一个疑惑，JQuery提供了这三个方法，但是迷迷糊糊不知道具体该使用那个一，本章将详解这三个方法。 text()方法 text() - 设置或返回所选元素的文本内容 HTML()方法 html() - 设置或返回所选元素的内容（包括 HTML 标记） val()方法 val() - 设置或返回表单字段的值 首先讲一下text()方法: 这个方法应该是最常用的，经常用来返回元素的...
js中text方法是啥意识_jquery中text()、val()和html()的区别是什么
weixin_39716417的博客
01-27 2257
jquery中text()、val()和html()的区别：text()用于html元素文本内容的存取；html()不但可以用于html元素文本内容的存取，还可以用于html内容的存取；val()仅用于input元素内容的存取。本教程操作环境：windows7系统、jquery1.12.4版本、Dell G3电脑。共同点：text()，html() ，val()三个方法用于html元素的存值和取值...
js中的text()，html() ，val()的区别
热门推荐
weixin_43849082的博客
12-10 1万+
js中的text()，html() ，val()的区别 text()，html() ，val()三个方法用于html元素的存值和取值，但是他们各有特点，text()用于html元素文本内容的存取，html()不但可以用于html元素文本内容的存取，还可以用于html内容的存取。val()用于input元素内容的存取。 一. text() var text = $(“div”).text(); co...
『jQuery』.html(),.text()和.val()的使用
weixin_30443731的博客
04-21 1816
本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方法。jQuery中为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作，比如说，你可以给已存在的元素的内部，周围，前面或者后面增加新元素；或者用一个元素替代另一个元素；你也可以读取或者修改一个元素的内容或...
jQuery中html()、text()和val()的区别、jQuery中attr()和prop()的区别
fly_zxy的专栏
02-15 3079
jQuery中html()、text()、val()的区别 html():向匹配的元素中添加html标记。比如、等html标签。添加的元素将覆盖原有的元素内容。 text():向匹配的元素中添加文本。如果文本包含html标签将会以文本的形式输出。添加的文本将会覆盖原有的元素内容。 val():设置或者获取DOM元素的value属性值。比如:获取input元素的value值，代码如下： $
value,innerHTML,innerText和val(),html(),text()的区别
weixin_40626699的博客
01-18 1421
innerHTML,.val(),.text()区别
js中的val() 和 text() html() 区别
丿kiss灬火舞的博客
02-01 5556
共同点：text()，html() ，val()三个方法用于html元素的存值和取值。 区别： text()用于html元素文本内容的存取 html()不但可以用于html元素文本内容的存取，还可以用于html内容的存取 val()用于input元素内容的存取 示例如下： &lt;body&gt; &lt;p&gt;我们&lt;/p&gt; &lt;input type="text" valu...
06 jquery 获取元素的内容-html()-val()-text()
bigzql的博客
09-19 9486
获取元素的内容 作者：曾庆林 html()方法 Html():获取匹配元素集合中第一个元素的HTML内容 html(htmlstring) 设置匹配元素中的HTML内容 //很少用，几乎大部分的jquery方法都可以用这样的回掉函数形式 html(function(index,hmtl))：根据传递的函数来设置匹配元素集合中每个元素的HTML内容并返回jQuery对象。 text()方法 text():获取匹配元素中的文本 text(string):设置元素的文本 注意：html（） 和 text
js中的val(),attr(),html(),text()方法
weixin_45732391的博客
03-09 3661
js中的val(),attr(),html()，text()方法 <input id="qsrq" style="width: 100px;" /> 1.val()方法常用在表单元素中，如input 取值:$("#id").val(); 赋值:$("#id").val("value"); 2.attr()方法用在元素的属性上，如input标签的name属性,较多的应该是只读或隐藏属性...
jQuery的html()、text()、val()方法
weixin_44768794的博客
10-16 406
html()html的使用text()text()的使用val() html() 它可以设置和获取起始标签和结束标签的内容 和dom属性的innerHTML一样 html的使用 不加参数是获取，加参数是设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 导入jQuer.
jquery HTML--获取(text(), html(), val() 获取内容 )
一心不安
11-26 2017
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script src="jquery/jquery-3.3.1.min.js"&a
jQuery之html(),text()和val()的区别
Tom197的博客
08-24 929
html():可以设置获取起始标签和结束标签的内容 ，跟dom属性innerHTML一样。 text():可也设置和获取起始标签和结束标签的文本，跟dom属性innerText一样。 val():可以设置和获取表单项的value属性值，跟dom属性value一样。val方法也可以同时设置多个表单项的选中状态（单选，多选，下拉都可以）。
Jquery中获取节点内容的html、text和val对比
qq_26564827的博客
03-01 6228
这几天学了点ajax 对Jquery中获取节点文本内容函数html()、text()和val()用途区别有点混乱，索性就写出来顺便学习一下： 为了对比特意写了一点代码测试：<input type="button" id="button" value="点击"></br> <input type="text" id="text"> <div id="div"> <div>1</div> <div>2
jQuery学习笔记—— .html(),.text()和.val()的使用
xiao__C的专栏
07-14 1261
jQuery给我们提供了三种方法来对元素的结构，内容进行操作： .html():读取和修改一个元素的HTML内容，详情.html()；.text()：读取和修改一个元素的文本内容，详情.text()；.val()：读取和修改一个表单元素的value字段值，详情.val()。 操作元素的HTML结构——.html() jQuery中的.html()方法可以让读取和修改一个元素的Ht
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值