jQuery基础学习

时间:2020-08-29 19:59:34 来源:

【摘要】 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基础学习的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!

上一篇      下一篇
前端相关推荐 更多>>
前端热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net