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

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

元素选择器:

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

加载事件:

  1. $(document).ready(function(){
  2.   $(".btn1").click(function(){
  3.     $("p").slideToggle();
  4.   });
  5. });
  6.  
  7. //提示:ready() 函数不应与 <body onload=""> 一起使用。
  8. //当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
  9. //由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。

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

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

JQ模拟click事件

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

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