jquery获取元素内容-text()和val()

不传参数的text()方法在获取文本内容时，会把子元素的文本也获取过来（会删除 HTML 标记），例子：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body><div id="container">aaa<div>bbb</div></div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>alert($('#container').text());//aaa bbb
</script>
</body>
</html>

当jQuery选择器选中的元素有多个时，它会返回所有匹配元素的组合的文本内容（会删除 HTML 标记）。W3cschool上面的一个例子

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p><script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>alert($("p").text());//返回两段文本内容
</script>
</body>
</html>

传参数的text()方法用于设置值时，它会覆盖被选元素的所有内容。里面可以传标签内容。如：$("p").text(aaa<b>bbb</b>)

对于除表单外的元素，都可以用text()获取和设置元素的内容。

对于表单元素，有个value属性，value属性的内容也会显示在页面。这种情况则用jquery的val()方法获取和设置。

转载于:https://www.cnblogs.com/xiaochongchong/p/5497821.html

jquery获取元素内容-text()和val()相关推荐

jQuery获取元素内容
html()方法返回或设置被选元素的内容如果,没有参数,返回被选元素的内容如果,有参数,设置被选元素的内容 // 返回元素 var text=$('.divClass').html(); // ...
Jquery 获取元素内容
语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var ...
jquery判断元素内容是否为空的方法
用jquery获取元素内容需要分两个情况: input 用val(); var value = $('#test').val(); 是否为空的判断方法: if(value.length == 0){} ...
jQuery获取表格内容
一个表格往往是从后台获取数据,因此表格的内容往往只有孤立的tr.td标签,而不包含id.class.name这些可以直接被选择器识别的标签:而且从后台获取的数据往往是不断发生变化的,给表格加上id等标 ...
js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 201 ...
jquery获取元素宽高
前言 jquery获取元素宽高 <!DOCTYPE html> <html lang="zh" > <head><meta charset ...
html获取边缘元素,JQuery 获取元素到浏览器可视窗口边缘的距离
获取元素到浏览器可视窗口边缘的距离 by:授客 QQ:1033553122 1.测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/fro ...
react的ref三种使用方式，获取元素内容
react的ref三种使用方式,获取元素内容. 注意:应尽可能少的使用ref,优先使用state 1.字符串 refGetData1=()=>{alert("获取到的内容:" ...

jquery获取元素内容-text()和val()

jquery获取元素内容-text()和val()相关推荐

最新文章

热门文章