Javascript和JQuery之间的联系

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

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

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引擎。