jQuery 笔记

 javascript库:即library,是一个封装好的特定的集合.从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面

    常见的javascript库

    jquery
    prototype
    YUI
    Dojo
    Ext JS
    移动端的zepto

    这些都是对原生的Javascript的封装,内部都是javascript实现的

    jQuery封装了JavaScript常用的功能代码,优化了DOM操作.事件处理、动画设计和ajax交互
    学习jquery的本质就是学习怎么调用这些函数
    $(document).ready(function(){
    ..... //此处是DOM加载完毕的入口
    })

    jQuery的顶级对象$

    $是jQuery的别称,在代码中科院使用jQuery代替$;
    $是jQuery中的顶级对象,相当于原生的JavaScript中的window。把元素利用$包装成jQuery对象,就可以调用jQuery的方法


    jQuery对象和DOM对象

    DOM对象 用原生js获取的对象就是DOM对象
    var div=document.querySelector('div')
    jQuery对象 用jquery方式获取的对象就是jQuery对象 本质是通过是通过$把DOM元素进行了包装
    $('div')

    注意

    jQuery对象只能使用jquery方法,DOM对象则使用原生的js方法或者属性,二者不能混用


    jQuery对象和DOM对象之间是可以相互转换的

    因为原生的JS比jQuery更大一点所以,原生的一些属性和方法jQuery没有封装,要想使用就要把jQuery对象转换为DOM对象才能使用
    <div class="box">

    </div>
  // 第一种
    $(document).ready(function () {
        $('.box').hide();
    })
    // 第二种
    $(function () {
        $('.box').hide();
    })

 

posted @ 2020-04-21 10:41  徐12  阅读(151)  评论(0编辑  收藏  举报