对标签操作

获取标签值

$('.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”)定位节点
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容