jquery探险01
JavaScript库:即library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解∶就是一个JS文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。
从上面一段文字介绍:可以知道jQuery本质就是通过原生的js封装好的一个js库,里面有许许多多的方法可提供给我们使用。使用者只需要了解有哪些方法以及该方法可以实现那些功能即可。接下来让我们一起开始jQuery的探险之旅吧!
了解过jQuery的人都听说过他的核心理念 —— write less , do more!这句话也说明了jQuery为什么会出现的原因。那么相比于原生的js,他到底有哪些优势呢?
优势分析:
    1.轻量级。核心文件才几十kb,不会影响页面加载速度
    2.跨浏览器兼容。基本兼容了现在主流的浏览器
    3.链式编程、隐式迭代
    4.对事件、样式、动画支持,大大简化了DOM操作
    5.支持插件扩展开发。有着丰富的第三方的插件,例∶树形菜单、日期控件、轮播图等
    6.免费、开源
使用时的注意事项:
1.首先下载jQuery -- HTTP://jquery.com进入官网,然后将其中的js文件复制粘贴过来,最后引入就可以了。
2.jQuery对象 -- 就是通过jQuery方法将获取到的dom对象进行转换$(dom obj),同理jQuery对象也可以实现转换成dom对象。
①通过jq对象的索引转换$(‘选择器’)[index] ——可以利用jQuery对象的下标将其转换为DOM对象 -- 进而使用dom的操作方法
②利用jQuery中的一些方法实现转换——例如:get()/each()...
3.切记dom对象与jQuery对象在操作时不可以混用操作方法
jquery隐式迭代:
遍历内部 DOM元素(维数组形式存储)的过程就叫做隐式送代。简单理解∶给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。
jquery支持链式编程:
有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
举个栗子:
      下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,再然后向下滑动
	      $("#p1").css("color","red").slideUp(2000).slideDown(2000);
优点:提示: 这样的话,浏览器就不必多次查找相同的元素。减少代码量,提高效率
 
                    
                
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号