首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发笔记:JQuery00笔记

作者：等了哭了累了55 | 来源：互联网 | 2023-09-24 11:43
篇首语：本文由编程笔记#小编为大家整理，主要介绍了JQuery-00-笔记相关的知识，希望对你有一定的参考价值。

篇首语：本文由编程笔记#小编为大家整理，主要介绍了JQuery-00-笔记相关的知识，希望对你有一定的参考价值。








JQuery-系列-笔记


  • 一、JQuery快速入门
    • 1.1、JQuery介绍
    • 1.2、JQuery快速入门
    • 1.3、小结

  • 二、JQuery的学习内容
    • 1&＃xff0c;JQuery基本语法
    • 2&＃xff0c;JQuery选择器
    • 3&＃xff0c;JQueryDOM
    • 4&＃xff0c;JQuery综合案例




一、JQuery快速入门

1.1、JQuery介绍


  • jQuery 是一个 Javascript 库。
  • 所谓的库&＃xff0c;就是一个 JS 文件&＃xff0c;里面封装了很多预定义的函数&＃xff0c;比如获取元素&＃xff0c;执行隐藏、移动等&＃xff0c;目的就 是在使用时直接调用&＃xff0c;不需要再重复定义&＃xff0c;这样就可以极大地简化了 Javascript 编程。
  • jQuery 官网&＃xff1a;https://www.jquery.com
    在这里插入图片描述

1.2、JQuery快速入门


  • 下载JQuery


    • 目前jQuery有三个大版本&＃xff1a;
      1.x&＃xff1a;兼容ie678,使用最为广泛的&＃xff0c;官方只做BUG维护&＃xff0c;
      功能不再新增。因此一般项目来说&＃xff0c;使用1.x版本就可以了&＃xff0c;
      最终版本&＃xff1a;1.12.4 (2016年5月20日)
      2.x&＃xff1a;不兼容ie678&＃xff0c;很少有人使用&＃xff0c;官方只做BUG维护&＃xff0c;
      功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x&＃xff0c;
      最终版本&＃xff1a;2.2.4 (2016年5月20日)
      3.x&＃xff1a;不兼容ie678&＃xff0c;只支持最新的浏览器。除非特殊要求&＃xff0c;
      一般不会使用3.x版本的&＃xff0c;很多老的jQuery插件不支持这个版本。
      目前该版本是官方主要更新维护的版本。最新版本&＃xff1a;3.2.1&＃xff08;2017年3月20日&＃xff09;

    • jquery-xxx.js 与 jquery-xxx.min.js区别&＃xff1a;
      1. jquery-xxx.js&＃xff1a;开发版本。给程序员看的&＃xff0c;有良好的缩进和注释。体积大一些
      2. jquery-xxx.min.js&＃xff1a;生产版本。程序中使用&＃xff0c;没有缩进。体积小一些。程序加载更快

  • 导入JQuery的js文件&＃xff1a;导入min.js文件

  • 开发思路


  1. 编写 html 文档。
  2. 引入 jQuery 文件。
  3. 使用 jQuery 获取元素。
  4. 使用浏览器测试。

  • 代码实现


    <html lang&＃61;"en">
    <head>
    <meta charset&＃61;"UTF-8">
    <meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0">
    <title>快速入门title>
    head>
    <body>
    <div id&＃61;"div">我是divdiv>
    body>

    <script src&＃61;"js/jquery-3.3.1.min.js">script>
    <script>
    //Javascript和JQuery两种方式获取元素对比&＃xff1a;
    //1. JS方式&＃xff0c;通过id属性值来获取div元素
    let jsDiv &＃61; document.getElementById("div");
    //alert(jsDiv);
    //alert(jsDiv.innerHTML);

    //2. jQuery方式&＃xff0c;通过id属性值来获取div元素
    let jqDiv &＃61; $("#div");
    alert(jqDiv);
    alert(jqDiv.html());
    script>
    html>


1.3、小结


  • jQuery 是一个 Javascript 库。
  • 说白了就是定义好的一个 JS 文件&＃xff0c;内部封装了很多功能&＃xff0c;可以大大简化我们的 JS 操作步骤。
  • jQuery 官网&＃xff1a;https://www.jquery.com。
  • 要想使用&＃xff0c;必须要引入该文件。
  • jQuery 的核心语法 $();

二、JQuery的学习内容

1&＃xff0c;JQuery基本语法


2&＃xff0c;JQuery选择器


3&＃xff0c;JQueryDOM


4&＃xff0c;JQuery综合案例






推荐阅读
  • char

    Nginx使用（server参数配置）

    Nginx使用（server参数配置）
    本文介绍了Nginx的使用，重点讲解了server参数配置，包括端口号、主机名、根目录等内容。同时，还介绍了Nginx的反向代理功能。 ... [详细]
  • char

    自动轮播，反转播放的ViewPagerAdapter的使用方法和效果展示

    自动轮播，反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter，并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • list

    实现下拉列表，点击其他位置自动隐藏效果的三种方式比较

    目录实现效果：实现环境实现方法一：基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • int

    OC学习笔记之@property和@synthesize

    本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • string

    Android开发笔记：使用Picasso加载网络图片等比例缩放

    在Android开发中，使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法，并提供了具体的代码实现。通过获取图片的宽高，计算目标宽度和高度，并创建新图实现等比例缩放。 ... [详细]
  • request

    【译】发送表单数据

    这是原文链接：sendingformdata许多情况下，我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单，但是 ... [详细]
  • int

    android listview OnItemClickListener失效原因

    android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]
  • int

    禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版

    禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版
    VNCViewerforMac是一款运行在Mac平台上的远程桌面工具，vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机，操作简 ... [详细]
  • string

    Open judge C16H: Magical Balls 快速幂+逆元问题解析

    本文主要解析了Open judge C16H问题中涉及到的Magical Balls的快速幂和逆元算法，并给出了问题的解析和解决方法。详细介绍了问题的背景和规则，并给出了相应的算法解析和实现步骤。通过本文的解析，读者可以更好地理解和解决Open judge C16H问题中的Magical Balls部分。 ... [详细]
  • string

    Java String与StringBuffer的区别及其应用场景

    Java String与StringBuffer的区别及其应用场景
    本文主要介绍了Java中String和StringBuffer的区别，String是不可变的，而StringBuffer是可变的。StringBuffer在进行字符串处理时不生成新的对象，内存使用上要优于String类。因此，在需要频繁对字符串进行修改的情况下，使用StringBuffer更加适合。同时，文章还介绍了String和StringBuffer的应用场景。 ... [详细]
  • byte

    页面请求方法参数最长_关于 HTTP GET/POST 请求参数长度最大值的一个理解误区

    http:my.oschina.netleejun2005blog136820刚看到群里又有同学在说HTTP协议下的Get请求参数长度是有大小限制的，最大不能超过XX ... [详细]
  • int

    Linux下Perl的安装及第一个程序运行

    本文介绍了在Linux下安装Perl的步骤，并提供了一个简单的Perl程序示例。同时，还展示了运行该程序的结果。 ... [详细]
  • int

    如何通过全新应用内评价获取更多优质用户反馈？

    Google Play推出全新的应用内评价API，帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论，这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论，以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论，提升用户体验。 ... [详细]
  • command

    解决VS写C#项目导入MySQL数据源报错“You have a usable connection already”问题的正确方法

    解决VS写C#项目导入MySQL数据源报错“You have a usable connection already”问题的正确方法
    本文介绍了在VS写C#项目导入MySQL数据源时出现报错“You have a usable connection already”的问题，并给出了正确的解决方法。详细描述了问题的出现情况和报错信息，并提供了解决该问题的步骤和注意事项。 ... [详细]
  • command

    MySQL表分区的创建、增加和删除方法详解

    本文详细介绍了MySQL表分区的创建、增加和删除方法，包括查看分区数据量和全库数据量的方法。欢迎大家阅读并给予点评。 ... [详细]
author-avatar
等了哭了累了55
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有