jQuery、JavaScript 操作语句

原创已于 2022-11-15 14:25:10 修改 · 置顶 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #前端

于 2022-11-15 14:24:33 首次发布

笔记专栏收录该内容

87 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript和jQuery进行DOM操作，包括获取input的value值、标签内容，动态添加和移除disabled属性，以及显示和隐藏元素。同时，讲解了在子界面获取父界面元素内容的方法，对前端开发者具有实践指导意义。

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

1、取 input 的 value 值

/**
*jQuery
*/
$("#idName").val(); //根据id
$(".className").val(); //根据class
/**
*JS
*/
document.getElementById("idName").value; //根据id

2、取标签的内容（span、lable、div、select）

/**
*jQuery
*/
$("#idName").html(); //根据id
$(".className").html(); //根据class
/**
*JS
*/
document.getElementById("idName").innerHTML; //根据id
document.getElementById("selectId").value; //根据selectId

3、动态添加和移除disabled属性

/**
*jQuery
*/
$('#uid').attr("disabled",true);  //添加
$('#uid').attr("disabled","disabled") //添加
$('#uid').attr("disabled",false); //移除
$('#uid').removeAttr("disabled"); //移除
/**
*JS
*/
document.getElementById("uid").disabled = "";

4、JS动态显示和隐藏style

document.getElementById("uid").disabled="true"; //禁用（readonly也适用）
document.getElementById("uid").disabled="false";//去除禁用
document.getElementById("uid").style.display="block"; //显示
document.getElementById("uid").style.display="none";//隐藏

5、子界面获取父界面元素内容（span、lable、div）

/**
*jQuery
*/
$(window.parent.document).find("#IdName").text();
/**
*JS
*/
window.parent.document.getElementById("currentPage").innerHTML;

6、子界面获取父界面元素内容（input）

/**
*jQuery
*/
$(window.parent.document).find("#IdName").val();
/**
*JS
*/
window.parent.document.getElementById("currentPage").value ;