1.等着页面dom加载完毕后再去执行js代码(入口函数)
<script>
$(document).ready(function(){
$('div').hide();
})
</script>
等价的写法
<script>
$(function(){
$('div').hide();
})
</script>
2.DOM对象和jquery对象
DOM对象:用原生js获取过来的对象
如
var mydiv=document.querySelector('div');
jquery对象:用jquery方式获取过来的对象。通过$把dom元素进行了封装(伪数组形式存储)。
$('div');
jquery对象只能使用jquery方法。dom对象使用原生的js属性和方法。
3.dom对象和jquery对象的相互转换(原生的一些属性和方法没有封装)
dom对象转换为jquery对象:$(DOM对象)
(1)$('video');
(2) var myvideo=document.querySelector('video');
$(myvideo);
jquery对象不能使用play方法,这是dom对象的内容
jquery对象转换为dom对象:在后面加上索引号就行了
myvideo.play();
$('video')[0].play()
//$('video').get(0).play()