jQuery与DOM区别以及$的作用

最新推荐文章于 2023-07-15 20:08:50 发布

原创

最新推荐文章于 2023-07-15 20:08:50 发布 · 1.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

这篇博客探讨了jQuery中的核心函数$的作用，包括作为DOM加载后执行的函数、创建HTML元素、选择器操作以及转换DOM对象。同时，文章详细分析了jQuery与DOM的区别与联系，指出jQuery对象是DOM对象的数组形式，两者之间可以相互转换，但各自拥有独特的方法，不能直接混用。

文章目录

前言
一. $ 的作用
二. jQuery与DOM的区别与联系

前言

JQuery 是一个javaScript库，是一个轻量级的"写的少，做的多"的JavaScript库，其极大的简化了javaScript编程。

一. $ 的作用

$是jQuery的核心函数，具有许多的功能，下面就一一举例说明

1. $(函数)

$(function(){
   
   
})

这个相当于DOM的window.onload=function（）{}，页面加载完成后执行这个函数。

2. $(HTML字符串)

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.5.1.js"></script>  //导入jquery文件
    <script type="text/javascript">
      $(function (){
   
   
        $(
            "<div>" +
                "<span>你好</span>"+