jQuery-01-简介

最新推荐文章于 2023-09-08 11:48:28 发布

EchoByCode

最新推荐文章于 2023-09-08 11:48:28 发布

阅读量656

点赞数

分类专栏： jQuery 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/weixin_45438044/article/details/122663339

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、JQuery简介

就是一个JavaScript库,为了快速方便的操作DOM，里面基本都是函数（方法）.

1.1 jQuery 对象和 DOM 对象

只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。
1. 用原生 JS 获取来的对象就是 DOM 对象
2. jQuery 方法获取的元素就是 jQuery 对象。
3. jQuery 对象本质是： 利用$对DOM 对象包装后产生的对象（伪数组形式存储）。

1.2 jQuery 对象转换为 DOM 对象

$('div') [index] index 是索引号 
$('div') .get(index) index 是索引号

1.3 jQuery 使用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入JQ -->
    <script src="jquery.min.js"></script>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <script>
        // 1. 等着页面DOM加载完毕再去执行js 代码
        // $(document).ready(function() {
        //     $('div').hide();
        // })
        
        // 2.  等着页面DOM加载完毕再去执行js 代码
        $(function() {
            $('div').hide();
        })
    </script>
    <div></div>
</body>
</html>

官网地址： https://jquery.com

EchoByCode

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery-01-简介

1、JQuery简介就是一个JavaScript库,为了快速方便的操作DOM，里面基本都是函数（方法）.1.1 jQuery 对象和 DOM 对象只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。1. 用原生 JS 获取来的对象就是 DOM 对象2. jQuery 方法获取的元素就是 jQuery 对象。3. jQuery 对象本质是：利用$对DOM 对象包装后产生的对象（伪数组形式存储）。1.2 jQuery 对象转换为 DO
复制链接

扫一扫