JS jQuery 基本使用规范

一、入口函数

与DOMContentLoaded作用相同

1.方法一

        $(document).ready(function () {
            
        })

可以写在DOM元素之前，等DOM元素加载完成后再去执行js代码。

2.方法二

        $(function () {
            
        })

写法更简单，推荐使用方法二。

在jQuery中，$作用与jQuery相同。

二、元素的获取

    var div1 = document.querySelector('div'); // DOM方法

    $('div'); // jQuery方法

注意使用DOM方法获取元素后不能对对象进行jQuery操作，jQuery同理。

三、jQuery与DOM方法的互相转换

1.DOM——>jQuery

    var div1 = document.querySelector('div'); // DOM方法
    console.log($(div1)); // 使用此方法可以将DOM对象转换为jQuery对象

2.jQuery——>DOM

    $('video')[0].play();
    $('video').get(0).play(); // 两种方法都可以