jquery1

jquery中

入口函数：

$(function(){       等价于： jquery(function())     

 

})

 

 

$(document).ready({

 

})

 

$(document).ready() 和JavaScript window.onload的区别：

两者都是指页面加载完成后，

执行函数里的内容， $(document).ready() 是指DOM加载完成后就可以执行，

JavaScript window.onload 不仅仅指DOM加载完成，还包括图片等外部资源完全加载后才能执行。

所以，$(document).ready()执行要比JavaScript window.onload快

不过这个东西,有的时候会使页面跳动,很多JQUERY插件都是在加载完成后,才改变样式的,

页面会有跳动或闪动的感觉.比如ui.tab这个插件,页面元素一多,全部显示出来了,它才形成TAB,很晕的说

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行，$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个，$(document).ready()可以同时编写多个，并且都可以得到执行

window.onload没有简化写法，$(document).ready(function(){})可以简写成$(function(){})

 

 

  jQuery入口函数和window.onload入口函数的区别
  -   jQuery入口函数可以写多个
  -   执行时机不同（jQuery入口函数要快于window.onload,与顺序不同
      jQuery入口函数要等待页面上dom树加载完成
   window.onload入口函数要等所有页面所有资源执行（dom树，图片等
   
   
  dom对象
   -原生js选择器获取到的对象
    document.getElementById("");等
    特点：只能调用dom方法或者属性，不能调用jquery属性和方法
    div.style.backgroundecolor='red';     可行
    div.css('backgroundcolor'， 'red');       不可行
  
  jQuery对象
   利用jQuery选择器获取到的对象
   特点：只能调用jQuery的方法或者属性，不能调用原生js dom对象的属性或者方法
   var $div1=$(#div1);
   jQuery对象是一个伪数组，其实是一个dom对象的包装集
  
  两种对象之间转变，dom对象转为jQuery对象
   $(dom对象)
   var b=document.getElementById("div");
   var $div1=$(b);
  jQuery对象转为dom对象
   1 通过下标取出来
   var div=$divs[0];
   2 使用jQuery方法
   var d=$div.get(1)