jq 设置和获取元素内容和属性

最新推荐文章于 2022-09-28 21:47:16 发布

TrastLian

最新推荐文章于 2022-09-28 21:47:16 发布

阅读量919

点赞数

分类专栏： jQuery 文章标签： jQuery html

本文链接：https://blog.youkuaiyun.com/qq_32789381/article/details/51089021

版权

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了使用jQuery操作DOM元素中的内容和属性的方法。主要内容包括使用html()和text()方法获取或设置元素的HTML内容及纯文本内容；使用val()方法设置表单元素的值；使用attr()方法为元素设置属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
* 元素的内容操作
*/
//html() 获取元素中的html内容
//alert($('div').html());
//html(val) 设置元素中的html内容
//alert($('div').html("haha"));
//text() 获取元素中的文本内容
//alert($('div').text());
//text(val) 设置元素中的文本内容
//alert($('div').text('hahah'));

$('#test').click(function(){
//val() 设置首选项
$('input:checkbox').val(['apple','orange']);
})
/*
* 元素的属性操作
*/
/*$('div').attr({
'data':'我是域名',
'class':'red',
'title':"www.baidu.com"
})*/
//jq的很多方法都可以使用function()来返回出字符串比如val(),html(),text(),
//涉及到元素的集合的话还可以用index来返回索引
$('div span').attr('title',function(index,value){
return "我是"+index+"号域名,我原来的title是"+value;
})