玲儿灵

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

1.选择器:

js:    $('.car_img_con img')[0]; var jsObj = document.getElementsByClassName('sel_index_block')[0];jsObj.html();TypeError: undefined is not a function

   jquery:   $('.car_img_con img'); var jqObj = $('.sel_index_block').eq(0);jqObj.html() "不选预算"

2.文档加载:

 

页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload 前加载。)

 

(1) 一些待调用函数定义,要在调用前定义。

 

(2) 对于完善网页元素的JS,伴随文档加载执行。

 

(3) 而绑定元素事件响应的JS,则一定要等到相应元素加载后或文档全部加载完成后再执行,否则无法找到元素,当然不可绑定事件。

 

js:  

window.onload = function(){

  document.getElementById('id').addEventListener('click',func,false); //需定义响应函数func

}

 

  代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。

 

 jquery:

$(function(){ 
  $("#id").click(function(){ 
    //adding your code here 
  }); 
   $("#id").bind('dbclick', function(){ 
    //adding your code here 
  });
}); 
$(document).ready(function(){ 
  $("#a").click(function(){ 
    //adding your code here   
  }); 
   $("#id").bind('dbclick', function(){ 
    //adding your code here 
  });
});

 

posted on 2014-09-23 12:31  玲儿灵  阅读(2429)  评论(0编辑  收藏  举报