欢迎光临
我们一直在努力

jquery中的文本捕获

jquery中的文本捕获

捕获页面文字的方法

1
2
3
text()           设置或返回所选元素的文本内容
html()          设置或返回所选元素的内容(包括 HTML 标记)
val()             设置或返回表单字段的值,专用于表单元素的获取,例如:input

在标签中添加文字的方法

1
2
3
text()           设置或返回所选元素的文本内容
html()          设置或返回所选元素的内容(包括 HTML 标记)
val()             设置或返回表单字段的值,专用于表单元素的获取,例如:input

示例如下:

1
2
在一个div下添加一段文字
$('div').text("hello world!")

注:

使用上述方法的时候,括号中不写表示获取,写内容就表示添加

text()、html() 以及 val() 的回调函数

在使用上述方法的时候,我们也可以使用回调函数,用来获取原来的文本和现在添加的文本,例如:

1
2
3
4
5
6
$("#btn1").click(function(){
    $("#test1").text(function(i,origText)
    {
        return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
    });
});

回调函数就是text()方法中的那个函数,i表示的就是原来的文本,origText表示的就是现在的文本,

给元素设置属性的attr属性

1
2
3
4
5
使用方法为:
$('选择的标签').attr("属性名","属性值")
$('a').attr("class","demo")
上面表示的就是在a标签中添加一个类名为demo的class属性
也可以和animate一样添加花括号({}
赞(1) 打赏
未经允许不得转载: » jquery中的文本捕获
分享到: 更多 (0)

评论标题 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    jquery中捕获文本,啧啧,相当不错

    一个正在学习web前端的小萌新2个月前 (09-29)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏