jquery怎么替换文本中的内容
在jquery中，可以利用html()方法来替换文本中的内容，该方法的作用就是返回或设置被选元素的内容，语法“$(selector).html(content)”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中，可以利用html()方法来替换文本中的内容。
html() 方法返回或设置被选元素的内容 (inner HTML)。如果该方法未设置参数，则返回被选元素的当前内容。
而当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。
语法
$(selector).html(content)
-
content：可选。规定被选元素的新内容。该参数可包含 HTML 标签。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
</head>
<style>
#btnTex{width:0px; height:0px; margin: 0px;}
</style>
<body>
<input id="text" type="text" />
<input id="btn" type="button" value="按钮" />
<p id="p">这是一些文字</p>
<script type="text/javascript" charset="utf-">
$(function(){
var text = $('#text');
var btn = $('#btn');
var p = $('#p');
btn.click(function(){
p.html(text.val());
})
})
</script>
</body>
</html>
相关教程推荐：jQuery视频教程
以上就是jquery怎么替换文本中的内容的详细内容！
相关内容
-
jQuery html()方法有什么用
html()方法用于返回或设置被选元素的内容：1、如果未设置参数，则返回被选元素的当前内容，语法“$(selector).html()”；2、如果设置参数，则会覆盖所有匹配元素...
-
jquery对象怎么转为html dom对象
转换方法：1、jQuery对象是一个数据对象时，可以通过“[index]”方法进行转换，得到相应的DOM对象，语法“jQuery对象[index]”；2、通过“jQuery对象...
-
jquery中html()方法怎么用
在javascript中，“html()”方法的用法是“元素.html(被选元素的新内容)”。html方法设置或返回被选元素的内容，当该方法用于返回内容时，则返回第一个匹配元素...
-
你值得了解的JavaScript“继承之jquery”使用方法（代码详解）
之前的文章《深入解析JS中数组reduce方法（附代码）》中，给大家了解一下JS中数组reduce方法。下面本篇文章给大家了解一下JS-继承之jquery使用方法，小伙伴们可以...
-
jquery怎么去掉td里的内容
jquery中去掉td里内容的方法：1、使用“$("td")”语句获取到td对象；2、利用html()方法将td对象的内容设置为空，进而去除td对象的内容，...
-
怎么去除HTML中没有ID的元素
去除HTML中没有ID元素的方法：1、使用“$("父元素").children(":not([id])")”语句获取到需要去除的所有没有...
-
html如何用css美化表格
html用css美化表格的方法：首先创建一个HTML示例文件；然后在body中创建table表格；最后通过style标签给表格添加css样式即可。本文操作环境：Windows7...
-
浅谈jQuery+CSS实现前端网页加载进度条的三种方式
【推荐教程：CSS视频教程】前端网页加载进度条的实现有三种方式，看自己需求：一、顶部进度条在html代码中间插入jq代码执行动画。页面加载到哪部分，进度条就会相应的向前走多少当...
-
文字居中的css代码是什么
文字居中的css代码是“text-align:center;”或“line-height:值;”。text-align属性规定元素文本的水平对齐方式，当值为center时，即可...
-
15 个优秀的响应式 Web 设计 HTML 和 CSS 框架
【推荐教程：CSS视频教程】响应式Web设计旨在为各种设备（从台式机显示器到手机）提供最佳的浏览体验。本文汇总了一些优秀的响应式Web设计HTML和CSS框架。这些框架都是开源...
