javascript-操作页面元素

发表于 更新于 分类于 阅读次数： 本文字数： 979 阅读时长 ≈ 1 分钟

清除表单

$("#loginForm").submit(function (e) {
  ...
  // 清除form
  this.reset();
  ...  
}
<!-- easyui -->
$("#userRegForm").form('reset');

获取/设置页面元素值

获取表单值
var username = this['username'].value
获得内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
var txt = $("#playback").text();

设置元素值
$("#dgDevgroup").html(username);

a标签事件

链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；

<a href="javascript:void(0)" onclick="fun(this)">

显示隐藏元素

$('#procuremnetApplyDetailFooter').show();
$('#procuremnetApplyDetailFooter').hide();

设置获取input元素值

//设置元素值
$('#devConfigTerminalCellphone').val(row.cellphone);
//获取  
var val = $("#devConfigTerminalCellphone").val();

增加/删除class

$("#report").addClass("active");
$("#playback").removeClass("active");

禁止，使能元素

this.disabled = true;
$('#btnQueryTerminalParam').removeAttr('disabled');

插入 div 等元素

20190730_071728.png