Javascript和JQuery之间的联系

一、Js对象和Jquery对象之间的相互转化
1、Js对象转化为Jquery对象

var p = document.getElementById('p');
var $obj = $(p);

2、Jquery对象转换为Js对象

var $bh = $('#J_btn');
var jsObj = $bh[0];//相当于$bh.get(0)

Jquery中的变量要加$，例：$li = $('ul li');
二、onload和ready的区别
这两种事件都是在页面文档加载时触发的，但ready比onload先执行。
具体区别如下：

1、在Javascript中，通常使用window.onload方法。
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个。

window.onload = function(){
   alert('区别');
};　

2、在Jquery中，通常使用$(document).ready()方法。
$(document).ready()在DOM结构绘制完毕后就执行，不必等到加载完毕。
$(document).ready()可以同时编写多个，并且都能得到执行。

$(document).ready(function(){
  alert('区别');
});
$(选择器).事件名称( function() {  
  //Jq代码  
});
$(function(){});

三、documnent.getElementbyId('myId')和$('#myId')哪种更高效?
第一种喽，直接调用js引擎。