jQuery基础学习
【摘要】 jQuery基础学习考必过小编为大家整理了关于jQuery基础学习的信息，希望可以帮助到大家！
jQuery基础学习
标签：ie6相互selectwin函数获取更新封装移动
1.1常见的JavaScript库
· jQuery
· Prototype
· YUI
· Dojo
· Ext JS
· 移动端的zepto
这些库都是对原生JavaScript的封装，内部都是用JavaScript实现的
2.jQuery 下载
官网：http://jquery.com
版本：
· 1x：兼容IE678 等低版本浏览器，官网不再更新
· 2x：不兼容IE678等低版本浏览器，官网不再更新
· 3x：不兼容IE678等低版本浏览器，官网主要更新维护版本
2.1 jQuery的入口函数
//等着页面DOM加载完毕再去执行js代码
$(function(){
$(‘p‘).hide();
})
（1）等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成了封装
（2）相当于原生js中的DOMContentLoaded。
（3）不同于原生js中的load事件是等页面文档、外部js文件、css文件、图片加载完毕才执行内部代码
2.4 jQuery 的顶级对象$
(1) $ 是jQuery的别称，在代码中可以使用jQuery代替$
(2) $是jQuery 的顶级对象，相当于原生JavaScript中的window。把元素利用$包装成jQuery对象，就可以调用jQuery的方法
2.5 jQuery对象和DOM对象
//① DOM对象：用原生js获取过来的对象就是DOM对象 var myDiv = document.querySelector(‘p‘); //② jQuery对象：用jQuery方式获取过来的对象是jQuery对象。本质：通过$把DOM元素进行了包装 $(‘p‘); //③ jQuery对象只能使用jQuery方法，DOM对象则使用原生的JavaScript属性和方法 myDiv.style.display = ‘none‘; $(‘p‘).hide();
DOM对象与jQuery对象之间是可以相互转换的。
<script type="text/javascript">
//1.DOM对象转换为jQuery对象
//(1)直接获取视频，得到就是jQuery对象
$(‘video‘);
//(2)已经使用原生js获取过来DOM对象
var myvideo = document.querySelector(‘video‘);
$(‘myvideo‘);
//2.jQuery对象转换为DOM对象
myvideo.play();
$(‘video‘)[0].play();
$(‘video‘).get[0].play();
</script>
jQuery基础学习
标签：ie6相互selectwin函数获取更新封装移动
以上就是jQuery基础学习的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！