jquery-标签操作

这篇博客主要介绍了jQuery如何进行标签操作,包括获取标签值、使用get和set操作属性值、获取和定位DOM节点等核心内容。

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

获取标签值

$('.className').text();  // 获取span的文本值(标签对(如:<div>xxx</div>)里的内容通过$(‘xx’).text()方式获取;)
$('.className').val();  // 获取标签内部文本值(如:<input type=“text” value=“xxx”>)获取值通过
$('.className').html();  // 获取当前节点下的html

get和set属性值

// attr是key=value的格式
$('.className').attr("name");  // 获取标签属性为name的值
$('.className').attr("name","xxxx");  // 给标签属性为name赋值xxxx
// prop 是单属性,如diabled、checked
$('.className').prop("checked"); // 获取checkbox是否选中状态
$('.className').prop("checked"false); // 取消checkbox选中状态

获取节点

$('.className').parent(); // 获取父节点
$('.className').siblings();//获取所有兄弟节点
$('.className').siblings("input");//获取兄弟节点中input节点
$('.className').next();// 获取下一个兄弟节点
$('.className').nextAll();// 获取当前节点后面的所有兄弟节点
$('.className').children();// 获取当前节点所有子节点
$('.className').children()[i];// 获取当前节点第i个子节点
$('.className').find("span");// 获取当前节点后代节点中span节点
$('.className').find("span>.xxx");// 获取当前节点下面span节点下面类名为xxx的节点

定位节点

$('.className1.className2');  // 当标签中含有多个class名称,可通过这个方式定位
$('.className[name="xxx"]')  // 根据某属性(name=“xxx”)定位节点
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值