JQuery text()、html() 以及 val()

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
});
</script>
</head>

<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
</body>

</html>
时间: 2024-12-26 02:31:23

JQuery text()、html() 以及 val()的相关文章

jquery中的 .html(),.val().text()

.html(),.text(),.val(),.html()用为读取和修改元素的HTML标签,包括标签内的内容.text()用来读取或修改元素的纯文本内容,去除 html 标签.val()用来读取或修改表单元素的value值as:<div id="demo"><p>hi</p></div><input type="text" name="txt" id="txt" valu

jQuery操作下拉框的text值和val值

jQuery操作下拉框的text值和val值 1,JS源码 <select name="select1" id="select1" style="width:300px;"> <option value="">-- 请选择 --</option> <c:forEach items="${bi_role_list}" var="bi_role" v

jQuery的DOM操作之设置和获取HTML、文本和值 html()text()val()

1. html()方法: 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的html内容. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script src="jQ

JQuery中的text(),html()和val()区别

定义和用法 text() 方法方法设置或返回被选元素的文本内容 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-

jquery text(),html()方法的区别

首先,html属性中有两个方法,一个有参,一个无参 1. 无参html():取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档,返回的是一个String 例子: html页面代码:<div><p>Hello</p></div> jquery代码:$("div").html(); 结果:Hello 2.有参html(val):设置每一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTM

jQuery的加法运算,val()获取的结果相加变成了字符串连接。

加法运算 ?想必大家听到这都会不屑了,加法运算这是多么简单的运算.然而有的时候在jQuery也让人挺头疼的. 常规的是: var num1 = 123; var num2=123; var total = num1+num2; 这个想必大家一看都知道结果了246,没错结果是这个. 那如果这样: <input type="text" id="txt1" value="123" /> <input type="text&q

jquery $(this).attr $(this).val方法使用介绍

$(this).attr(key); 获取节点属性名的值,相当于getAttribute(key)方法 $(this).attr(key, value); 设置节点属性的值,相当于setAttribute(key,value)方法 eg:<div id="w_1" class="widget" diywidgetid="${template.diyWidgetId}"></div> var diywidgetid = $(

如何通过 jQuery text() 和 html()

text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#te

jquery 属性操作 attr () val() html()

1:attr() 设置 或者是返回属性值 alert("Image width " + $("img").attr("width")); 返回元素的属性值 $("img").attr("width","180"); 设置元素的属性值 $("img").attr({width:"50",height:"80"});设置多个属性值