2020-07-31 JavaScript-jquery框架初识

最新推荐文章于 2023-01-19 10:15:44 发布
最新推荐文章于 2023-01-19 10:15:44 发布
阅读量121 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42442365/article/details/107721512
版权

--------------------jquery--------------

jquery库，里面存在大量的JavaScript函数

jquery
引用的，有在线的和本地的

<head>
    <meta charset="UTF-8">
    <title>Jquery</title>

<!--    在线引用jquery-->
<!--    <script src="https://cdn.bootcss.com/jquery/3.5.1/core.js"></script>  -->

<!--    本地引用jquery-->
    <script src="lib/jquery-3.5.1.js"></script>

</head>
<body>
<!--  jquery的公式  -->
<a href="" id="test-jquery">点我</a>
    <script>
        document.getElementById('test-jquery');
        $('#test-jquery').click(function () {
            alert('哇，你真点');
        });
    </script>
</body>

选择器
复习网站：
https://jquery.cuishifeng.cn/jQuery.Ajax.html

jquery事件
鼠标事件、键盘事件、其他事件

捕获鼠标的坐标：

    <style>
        #divmove{
            width: 500px;
            height: 300px;
            background-color: bisque;
            border: 1px solid red;
        }
    </style>
</head>
<body>
mouse:  <span id="mousemove"></span>
    <div id="divmove">
        在这里移动鼠标
    </div>

<script>
    //当网页元素加载完毕之后，响应事件
    $(document).ready(
        function () {
            $('#divmove').mousemove(function (e) {
                $('#mousemove').text('x'+e.pageX+'y'+e.pageY)

            })
        }
    )
</script>

如何进行对DOM元素的操作

<ul id = "test-ul">
    <li class="java">JAVA</li>
    <li name="c">C</li>
    <li name="c++">C++</li>
</ul>

<script>
    $('#test-ul li[name=c]').text();//TEST里没值，这个方法就是在取值，如果有，就是赋值
    $('#test-ul').html();
    $('#test-ul').show();//显示
    $('#test-ul').hide();//隐藏
</script>

Ajax
$(’#id’).ajax()

$.ajax({ url: "test.html", context: document.body, success: function(){
    $(this).addClass("done");
}});
Accumulate_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript框架-4
12-20
- **JQuery 初识**：JQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、Ajax交互以及动画效果。它封装了许多实用的方法，如选择器、筛选器和链式调用，使得开发者可以用更简洁的代码实现复杂的前端...
初识JQuery-DOM操作（Demo实战详解）
01-08
我是辰兮，很高兴你能来阅读，本章初识jQuery...jQuery是一个快速、简洁的JavaScript框架 jQuery设计的宗旨是“Write Less，Do More”，即倡导写更少的代码，做更多的事情。 它封装JavaScript常用的功能代码，提供一种
2020 thymeleaf下jquery的导入路径
夜林的博客
12-09 962
一、初识JavaScript - JavaScript+jQuery 笔记
熊先森的博客
10-29 2493
JavaScript 是一种脚本语言，被广泛应用于 Web 开发，可实现网页的交互，为用户提供流畅美观的浏览效果。 注：本笔记使用的是人民邮电出版社出版的《JavaScript+jQuery 交互式 Web 前端开发》书籍。 JavaScript 是 Web 开发领域中的一种功能强大的编程语言，主要用于开发 交互式的 Web 页面。在计算机、手机等设备上浏览的网页，其大多数的交互 逻辑几乎都是由 JavaScript 实现的。
初识 jQuery（JavaScript 框架）
两个月亮
01-19 1647
将 jQuery 对象转换为 DOM 对象得到的将是一个包含 DOM 对象的数组，我们还需要将 DOM 对象从这个数组中取出来。，即倡导写更少的代码，做更多的事情。可以看到控制台中打印了该 DOM 对象，DOM 对象中包含了一些列属性和方法，你可以使用它们。由于使用 jQuery 时常需要操作 DOM，所以将 jQuery 代码放入。方法将 jQuery 对象转换为 DOM 对象时我们得到了这个结果。方法，我们可以将 jQuery 对象转换为 DOM 对象。也就是说，你可以将 jQuery 代码中出现的。
5JS库-前端框架（库）-初识jQuery
computer408的博客
03-15 1381
前端框架（库） #初识jQuery jQuery由美国人John Resig于2006年创建 jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装 它的设计思想是write less,do more 课件 1jQuery能做什么 访问和操作DOM元素 控制页面样式 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合 jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高开发
视频案例-1.初识Bootstrap_美联英语_视频案例-1.初识Bootstrap_
10-01
10. **JavaScript插件**：除了CSS，Bootstrap还包含了一些JavaScript插件，如轮播（Carousel）、模态框（Modal）、下拉菜单（Dropdown）等，它们通过jQuery库驱动，提供更丰富的交互体验。 在美联英语的这个视频...
03 初识 Node.js -Express
03-09
### 03 初识 Node.js - Express #### 1.1 Express 简介 - **Express** 是一个基于 **Node.js** 平台，快速、开放且极简的 Web 开发框架。 - **通俗理解**: Express 类似于 Node.js 内置的 http 模块，主要用于创建...
【JavaScript】4.初识 jQuery
01-08
本来这一篇要写JavaScript的事件处理的，但是内容好多啊，这一套那一套的，看得有点晕……查资料的时候发现好些东西大家都是用 jQuery 实现的，据说挺好上手的，那我就先看看 jQuery，之后和JS对照着学吧。...
pi_heif-0.17.0-cp39-cp39-manylinux_2_31_armv7l.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
ubuntu20.04-ssh9.8p1-ssl3.0.14-focal-deb-amd64升级加固脚本.zip
07-27
若有新版本请查看文章最后附件地址：https://blog.csdn.net/liuxin638507/article/details/132450367 特点： 1、同时升级openssh与openssl，采用deb包形式，一键快速升级版本，无需每台单独再次进行编译， 2、隐藏openssh-版本号(openssh9.8p1及之后隐藏版本号还未找到方法) 3、已默认安全加固（已有配置跳过） 安装： 执行 bash upgrade_ssl_ssh_ubuntu.sh 进行安装 注意，升级安装后，确保sshd服务正常，请新开终端进行验证测试 验证 openssl版本： openssl version OpenSSL 3.0.14 4 Jun 2024 (Library: OpenSSL 3.0.14 4 Jun 2024) openssh版本： ssh -V OpenSSH_9.8p1, OpenSSL 3.0.14 4 Jun 2024
avif-0.5.0-cp36-cp36m-manylinux1_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
教务管理系统-毕业设计.zip
07-27
教务管理系统-毕业设计.zip
pillow_jxl_plugin-1.2.5-cp39-none-win_amd64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pi_heif-0.17.0-cp38-cp38-win_amd64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
[毕设]高效人事考勤管理系统.zip
07-27
[毕设]高效人事考勤管理系统
人力资源培训.HR如何与业务部门进行沟通.ppt
07-27
人力资源培训.HR如何与业务部门进行沟通.ppt
毕业设计：基于Springboot的健身俱乐部网站 PPT
07-27
随着社会发展，健身俱乐部的管理面临日益严峻的挑战。众多用户倾向于通过互联网获取信息，但健身相关信息繁杂且真伪难辨。为便于用户更有效地获取本健身俱乐部的管理信息，设计一个既安全又高效的官方网站显得尤为重要。 本文旨在打造一个安全、简洁的健身俱乐部网站，助力用户快速查找健身课程、健身器材、会员卡详情及新闻公告等信息，以解决当前健身俱乐部管理信息混乱、难以辨识的问题。该系统基于Spring Boot架构技术，运用Java编程语言与MySQL数据库进行开发设计。通过对健身俱乐部业务流程的深入分析，我们明确了其功能性和非功能性需求，并据此设计了包含个人用户、管理员和教练三大模块的健身俱乐部网站。 此系统不仅为用户提供了一个便捷实用的健身俱乐部在线平台，使他们能够迅速找到适合自己的健身俱乐部，还允许用户浏览健身课程和器材信息，并支持在线留言功能。同时，管理员可通过后台管理系统轻松管理用户和教练的信息，亦能发布在线留言，以便用户及时获取最新的健身课程信息。如此，用户便能安全、高效地获取健身俱乐部的管理信息。
轻松入门：jQuery 教程与实践
提供了最新的jQuery框架文件，推荐下载最小化的版本，例如jquery-1.3.2.min.js，该文件大小仅为55.9 KB。接下来，通过在HTML文档中引入这个文件，如`<script src="jquery.min.js"></script>`，即可开始利用jQuery的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值