jQuery（12）
一、获取内容
获取内容 - text()、html() 以及 val()
&text() - 设置或返回所选元素的文本内容
&html() - 设置或返回所选元素的内容（包括 HTML 标记）
&val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：
&!DOCTYPE html&
&script src=&/jquery/jquery-1.11.1.min.js&&&/script&
$(document).ready(function(){
$(&#btn1&).click(function(){
alert(&Text: & + $(&#test&).text());
$(&#btn2&).click(function(){
alert(&HTML: & + $(&#test&).html());
&p id=&test&&这是段落中的&b&粗体&/b&文本。&/p&
&button id=&btn1&&显示文本&/button&
&button id=&btn2&&显示 HTML&/button&
下面的例子演示如何通过 jQuery val() 方法获得输入字段的值：
&!DOCTYPE html&
&script src=&/jquery/jquery-1.11.1.min.js&&&/script&
$(document).ready(function(){
$(&button&).click(function(){
alert(&Value: & + $(&#test&).val());
&p&姓名：&input type=&text& id=&test& value=&米老鼠&&&/p&
&button&显示值&/button&
二、设置内容
1、设置内容 - text()、html() 以及 val()
& text() - 设置或返回所选元素的文本内容
& html() - 设置或返回所选元素的内容（包括 HTML 标记）
& val() - 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：
&!DOCTYPE html&
&script src=&/jquery/jquery-1.11.1.min.js&&&/script&
$(document).ready(function(){
$(&#btn1&).click(function(){
$(&#test1&).text(&Hello world!&);
$(&#btn2&).click(function(){
$(&#test2&).html(&&b&Hello world!&/b&&);
$(&#btn3&).click(function(){
$(&#test3&).val(&Dolly Duck&);
&p id=&test1&&这是段落。&/p&
&p id=&test2&&这是另一个段落。&/p&
&p&Input field: &input type=&text& id=&test3& value=&Mickey Mouse&&&/p&
&button id=&btn1&&设置文本&/button&
&button id=&btn2&&设置 HTML&/button&
&button id=&btn3&&设置值&/button&
2、text()、html() 以及 val() 的回调函数
& 上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 text() 和 html()：
&!DOCTYPE html&
&script src=&/jquery/jquery-1.11.1.min.js&&&/script&
$(document).ready(function(){
$(&#btn1&).click(function(){
$(&#test1&).text(function(i,origText){
return &Old text: & + origText + & New text: Hello world! (index: & + i + &)&;
$(&#btn2&).click(function(){
$(&#test2&).html(function(i,origText){
return &Old html: & + origText + & New html: Hello &b&world!&/b& (index: & + i + &)&;
&p id=&test1&&这是&b&粗体&/b&文本。&/p&
&p id=&test2&&这是另一段&b&粗体&/b&文本。&/p&
&button id=&btn1&&显示旧/新文本&/button&
&button id=&btn2&&显示旧/新 HTML&/button&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：198597次
积分：4428
积分：4428
排名：第4962名
原创：249篇
转载：23篇
评论：89条jQuery 文档操作 - text() 方法
jQuery 文档操作 - text() 方法
设置所有 &p& 元素的内容：
$(&.btn1&).click(function(){
$(&p&).text(&Hello &b&world&/b&!&);
定义和用法
text() 方法方法设置或返回被选元素的文本内容。
返回文本内容
当该方法用于返回一个值时，它会返回所有匹配元素的组合的文本内容（会删除 HTML 标记）。
$(selector).text()
设置文本内容
当该方法用于设置值时，它会覆盖被选元素的所有内容。
$(selector).text(content)
规定被选元素的新文本内容。注释：特殊字符会被编码。
使用函数设置文本内容
使用函数设置所有被选元素的文本内容。
$(selector).text(function(index,oldcontent))
function(index,oldcontent)
必需。规定返回被选元素的新文本内容的函数。
index - 可选。接受选择器的 index 位置。
html - 可选。接受选择器的当前内容。jquery修改a标签的href链接和文字_jQuery_柯乐义
您的位置：
jquery修改a标签的href链接和文字
可以先体验一下效果：以下修改a标签的href链接和修改文字的代码：&script type=&text/javascript& src=&http://keleyi/pmedia/jquery-1.9.1.min.js&&&/script&原链接：&a href=&& id=&home_keleyi_com&&柯乐义&/a&修改a标签的href链接：$('#home_keleyi_com').attr('href',''); 修改文字：$(&#home_keleyi_com&).text('柯乐义首页');修改后的链接为：&a href=&& id=&home_keleyi_com&&柯乐义首页&/a&下面是完整代码：&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&&html xmlns=&http://www.w3.org/1999/xhtml&&&head&
&title&jquery修改链接--柯乐义&/title&
&script type=&text/javascript& src=&/keleyi/pmedia/jquery-1.9.1.min.js&&&/script&&/head&&body&jquery修改a标签的href链接和文字,先点击下面链接&br /&然后点击&改变&按钮，然后点点击一次下面的链接，注意两次打开页面的不同：&br /&&a href=&/a/bjac/dd03ff.htm& id=&home_keleyi_com& target=&_blank&&原文&/a& &input type=&button& value=&改变& id=&gb_keleyi_com& /&&script type=&text/javascript&&$(&#gb_keleyi_com&).bind(&click&,function (){$('#home_keleyi_com').attr('href',''); $(&#home_keleyi_com&).text('柯乐义首页');})&/script&&/body&&/html&参考：
Copyright&Jquery基本操作_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
Jquery基本操作
上传于||暂无简介
你可能喜欢}