事件加载、元素选择器及常用属性

前端开发   发布日期:2023年05月01日   浏览次数:390

元素选择器:

document.getElementById("myHeader")
document.getElementsByName("myHeader")

document.getElementById('myAnchor').innerHTML="W3Schools"; //innerHTML 属性设置或返回元素的 inner HTML。
document.getElementById('myAnchor').href="http://www.w3schools.com"; 
document.getElementById('myAnchor').target="_blank";
document.getElementById('myid').className; //返回元素的 class 属性。

加载事件:

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

//提示:ready() 函数不应与 <body onload=""> 一起使用。
//当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
//由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。

JQ通过class名循环读取元素值

var bugstr_5 = document.exam1.tkxuan.value;
var bugstr_5=bugstr_5.replace(eval('/,/g'),'{|}');
var bugstr1_5_in=bugstr_5.split("{|}");
var inputs = $(".tiankong");
ii=0;
inputs.each(function(){
    $(this).val(bugstr1_5_in[ii])
    //if ($(this).is(":checked")) {i++;return false}//检测到一个就跳出循环
    ii++;
});

JQ模拟click事件

$('.close-reveal-modal').click();

以上就是事件加载、元素选择器及常用属性的详细内容,更多关于事件加载、元素选择器及常用属性的资料请关注九品源码其它相关文章!