jQuery两种环境配置方式实现对一个程序及对象互转

最新推荐文章于 2022-04-12 17:30:59 发布

唐傘皮

最新推荐文章于 2022-04-12 17:30:59 发布

阅读量151

点赞数

分类专栏： web 文章标签： jquery js javascript java web

本文链接：https://blog.csdn.net/qq_43520913/article/details/105198727

版权

web 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

一.潦草介绍

jQuery虽然不像主流三大框架React，Vue，angular那么闪耀，不在舞台的聚光灯下，但是它轻便，用最少的代码干最多的事，有如下特性，我还是要进行学习的。
在这里插入图片描述

二，环境搭建

1、下载文件搭建

进入jQuery官网 http://jquery.com ，进行下载后，在引入本地项目**(根据下载的文件名填写，比如我这是jquery.min.js)**

<script type="text/javascript" src="jquery.min.js"></script>

2，CDN搭建

（1）Google 源： 在JS代码里插入链接

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

（2）Microsoft源：

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>

第一个程序

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="jquery-3.3.1.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            alert("hello world！！");
        });
        </script>
    </head>
    <body>


    </body>
</html>

一般来说 $ 用来表示JQuery，jQuery（）==$(),而 $ （document).ready(function(){})是文档就绪函数，它可以有多个与window.onload不一样，window只能有一个，而DOM与jQueryDOM是不一样的，但是可以转换

对象互转

DOM转jQueryDOM

var dom =document.getElementById("id")；
var $dom = $(dom);

jQueryDOM转DOM

var $dom = $("#id");
var dom = $dom[0];//或者$dom.get(index)

唐傘皮

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery两种环境配置方式实现对一个程序及对象互转

一.潦草介绍jQuery虽然不像主流三大框架React，Vue，angular那么闪耀，不在舞台的聚光灯下，但是它轻便，用最少的代码干最多的事，有如下特性，我还是要进行学习的。二，环境搭建1、下载文件搭建进入jQuery官网 http://jquery.com ，进行下载后，在引入本地项目**(根据下载的文件名填写，比如我这是jquery.min.js)**<script typ...
复制链接

扫一扫