jQuery的介绍以及基本概念

jQuery是一款JavaScript库。

可以方便地处理HTML、事件、动画等。Query是一个快速的简介的javascript库。也算是javascript的一个框架
jquery可以实现html页面保持代码和html内容分离。也就是说，在html中不用插入一堆js来调用命令了。

优势
1.轻量级
2.强大的选择器
3.出色的DOM操作封装（对DOM节点属性的改变）
4.完善的事件和事件对象兼容机制
5.完善的ajax
6.不会污染全局变量。可以和其他js库兼容
7.出色的浏览器兼容
8.方便的链式操作
9.隐式迭代（jquery一般情况下不需要for循环dom对象）
10.完善的官方文档
11.丰富的插件

不足
1.不能向后兼容，现版本不兼容旧版本的东西
2.插件兼容性，比较早期的插件是不适用于新版jQuery的
3.插件之间可能会有冲突，特别是有相同的事件或者相同的选择器的时候
4.jquery在大型框架中，特别是打开投胎UI框架的时候，对公话的支持来说不是很好，但是我们可以使用 jquery UI 来弥补

引入jquery本地
<script src="jquery.js"></script>
引入CDN上的jquery
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
优先使用CDN上的jquery，如果失效再使用本地的jquery。因为CDN非常快！！！！
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

HTML：处理HTML文档中的DOM节点，如添加、删除等。事件：通过jQuery对页面上的事件进行处理。动画：通过jQuery实现淡入淡出、滑动等。

$ window.jQuery===window.$
$.xxx $.each() $.noop $.toArray()

$(xxx)

$('#myDiv')
$('.myClass')
$(domObject) ----jQuery Object
$(xxx).get(0) ----DOM Object
$(xxx)[0] ---- DOM Object

什么是jQuery对象？

是原生DOM对象的封装
jQuery对象和原生DOM对象不同，他们可以互相转换
jQuery对象包含了很多方法，方便的操作DOM元素

链式语法：

$('#divTest')
    .text('Hello world')
    .removeClass('blue')
    .addClass('bold')
    .css('color','red')

具有破坏性的用.end().

不要ready和onload方法同时使用，会造成ready方式失效。onload方法：图片内容全部加载完之后再执行某操作。

 window.onload=function(){
            console.log('onload');
        }
        
        //推荐 较快
        $(window).load(function(){
            console.log('load')
        })

        //推荐 快
        $(document).ready(function () {
            console.log('ready')
        })

jQuery的介绍以及基本概念

猜你喜欢