jQuery的知识汇总

article/2025/9/29 7:22:51

1.什么是jQuery?

jQuery是JavaScript库也即jQuery中是封装了很多的javaScript语句,函数。相当于Java的工具类,其也是一款跨主流浏览器的JavaScript库,简化了JavaScript对HTML,Dom的操作。大约是在2004年左右出现的。

所以我们可以认为:jQuery是JavaScript写的,所以我们可以在HTML,jsp页面使用jQuery。

 2.为什么要使用jQuery?

原因是:我们在JavaScript中获取Dom对象比较复杂,写的很多,如document.getElementById(''),

document.getElementByName()等。因此就有大佬,决定对这种固定的且没有技术含量的方法进行封装,提升我们的开发效率。

下面给出简单的封装函数,封装的函数的名字就叫做$

 当然,大佬封装的肯定还有其他东西,上面的图片仅仅是告诉你,高手最初大概是怎么想的。

3.如何使用jQuery?

  • 下载jQuery文件
  • web文件夹下,引入jQuery文件
  • jsp或者html页面中使用<script type = '' src=''></script>引入

4. dom对象与jQuery对象

dom对象:在Javascript中使用document.getElementById()的方式得到就是dom对象。

jQuery对象:使用jQuery方式得到的对象。这里要注意:jQuery方式得到的都是一个数组,即使只有一个元素,这个元素也是被放在数组中的。即:这个数组就是jQuery对象。我们需要将这个数组中的单个元素拿出来,这个从数组中拿出来的对象才是dom对象。

两者的转换关系如下:

 那为什么要进行dom对象与jQuery对象的转换呢??

原因是:dom对象有自己的方法和属性,而jQuery对象也有自己的方法和属性,这些方法和属性有些许的不同,因此我们在使用的时候,要确定这些方法是dom对象调用的还是jQuery对象调用的。

5.jQuery的核心:选择器

选择器是用来定位dom对象的,选择器的结果就是jQuery对象。

  • $('#id')                                         id选择器
  • $('.类名')                                     类名选择器
  • $('标签名')                                  标签选择器
  • $('*')                                           所有选择器
  • $('#id,类名,标签名')               组合选择器
  • $(':input标签中的属性')           表单选择器

6.jQuery中常见的函数

 

 7.jQuery的过滤器

8.jQuery中绑定事件

 



冲啊,希望赶紧把笔记都整理好,腾到网络上,好几本书,一边写,一边复习。

虽然上的图有点多了,但是我觉得用图比我用汉字描述的理解效果更好。。。

加油!!!


http://chatgpt.dhexx.cn/article/0iwnKprn.shtml

相关文章

18道JQuery技术基础知识测试题

1、什么DOM对象&#xff08;&#xff09; A、是javascript访问页面元素的对象 B、html对象 C、C#对象 D、java对象 2、什么是jQuery对象&#xff08;&#xff09; A、jQuery库自身具有方法&#xff0c;获取页面元素的对象 B、C#对象 C、C对象 D、java对象 3、jQuery添加CSS样式…

学习jQuery初级中级高级用法 | 一篇就够了

前言&#xff1a;本篇文章可以带你快速上手jQuery&#xff0c;本文包括jQuery各种常用以及高级用法&#xff0c;为后续学习可以做好铺垫&#xff0c;知识点非常全面。 目录 一、认识jQuery 1.1 举个例子 二、学习前的准备 2.1 第一步&#xff1a;下包 2.2 第二步&#xff…

c引入静态链接库

一、静态链接库项目 1、创建头文件library.h文件 #ifndef TESTC_LIB_LIBRARY_H #define TESTC_LIB_LIBRARY_Hvoid hello(void); void hello2(void);#endif //TESTC_LIB_LIBRARY_H 2、创建c文件library.c #include "library.h"#include <stdio.h>void hello…

关于动态链接库和静态链接库

关于动态链接库和静态链接库 库是写好的现有的&#xff0c;成熟的&#xff0c;可以复用的代码。现实中每个程序都要依赖很多基础的底层库&#xff0c;不可能每个人的代码都从零开始&#xff0c;因此库的存在意义非同寻常。 本质上来说库是一种可执行代码的二进制形式&#xf…

1.静态链接库的生成和使用

1.什么时静态链接库 静态库&#xff08;Static Library&#xff09;通常包含一堆程序员自定义的变量与函数&#xff0c;在编译期间由编译器和链接器将它集成到可执行文件中&#xff0c;也就是生成的.exe文件中 2.静态库的扩展名 在Windows下&#xff0c;静态库的扩展名是.li…

基于vs2019的静态链接库的创建与使用(超详细)

文章目录 前言一、什么是静态链接库&#xff1f;二、静态链接库的建立与使用1、静态链接库的建立创建一个静态链接库项目创建一个头文件编写自己的静态库生成静态库 2、静态链接库的使用创建一个新项目写入自己定义的那个头文件重新打开vs时 总结 前言 在我们平时写代码的时候…

C++的静态链接库和动态链接库

在电脑上安装某个软件的时候&#xff0c;我们都能看到安装目录下有很多lib和dll文件&#xff0c;并且我相信&#xff0c;你在用某个软件工具的时候遇到过以下这个界面&#xff1a; 这个界面提示你如案件在运行过程中少了某一个文件&#xff0c;导致软件无法再进行运行下去。 再…

静态链接库(Lib)和动态链接库(DLL)

序言&#xff1a;本文主要讲解静态链接库和动态链接库的区别&#xff0c;以及怎么样编译和引用两种库&#xff0c;怎么样从DLL中导出函数和导出C类。 一、静态链接库和动态链接库 1.静态链接库(.LIB)&#xff1a;函数和数据被编译进一个二进制文件。发布时&#xff0c;只需要发…

C++静态链接库与动态链接库

C静态链接库与动态链接库 什么是库程序编译成可执行程序的步骤静态链接库与动态链接库的区别&#xff08;简易版&#xff09;&#xff1a;静态链接库调用实现动态链接库调用实现g&#xff08;gcc&#xff09;编译选项 什么是库 库是写好的、现有的、可复用的代码。库是一种可执…

「C/C++」C/C++静态链接库与动态链接库

博客主页&#xff1a;何曾参静谧的博客 文章专栏&#xff1a;「C/C」C/C学习 目录 相关术语案例环境&#xff1a;Win10VS2019一、链接库介绍二、静态链接库&#xff08;Static Library&#xff09;2.1、静态库优缺点2.2、静态库的创建2.2.1、创建静态库项目2.2.2、添加.h头文件…

C++封装静态链接库及使用

一、为什么要把程序封装成库 有时我们需要把自己的程序交给第三方调用&#xff0c;但是又不想被别人看到自己的具体实现代码&#xff0c;就封装成库给别人使用。库有动态链接库和静态链接库&#xff0c;区别是动态链接库可以在程序运行时动态链接&#xff0c;而静态链接库相当于…

C++ 创建静态链接库和动态链接库

上篇文章演示了如何使用C 编译的静态链接库和动态链接库&#xff0c;本篇文章主要介绍如何创建静态链接库和动态链接库&#xff0c;本文使用的工具是visual studio 2019 企业版&#xff0c;需要安装对应的Csdk&#xff0c;可以参考网上其他文章&#xff0c;本问不在赘述。 一、…

动态链接库和静态链接库

转载自&#xff1a;https://www.cnblogs.com/king-lps/p/7757919.html &#xff08;有删减&#xff09; 1. 库的介绍 库是写好的现有的&#xff0c;成熟的&#xff0c;可以复用的代码。现实中每个程序都要依赖很多基础的底层库&#xff0c;不可能每个人的代码都从零开始&…

静态链接库与动态链接库----C/C++

平时我们写程序都必须include很多头文件&#xff0c;因为可以避免重复造轮子&#xff0c;软件大厦可不是单靠一个人就能完成的。但是你是否知道引用的那些头文件中的函数是怎么被执行的呢&#xff1f;这就要牵扯到链接库了&#xff01;&#xff01;&#xff01; 库有两种&#…

【四、静态库与动态库(共享库)】揭开链接库的神秘面纱:手把手教你制作静态链接库与动态链接库

前言 不管是在 Windows 下开发&#xff0c;还是在 Linux 下开发&#xff0c;我们都会经常性的使用一些库文件&#xff0c;这些库文件的特点就是&#xff0c;我们可以看到接口的原型并通过这些接口来调用这个函数的功能&#xff0c;但是我们无法查看这个功能的实现。这就是库文…

静态链接库(.lib)和动态链接库(.dll)的使用

静态链接库(.lib)和动态链接库(.dll)的使用 文章目录 静态链接库(.lib)和动态链接库(.dll)的使用一、静态链接库1. 静态链接库概述2. 创建静态链接库3. 调用静态链接库 二、动态链接库(dynamic linking library)1. 动态链接库概述2. 创建动态链接库并导出函数导出函数两种方式1…

静态链接库

库 库的存在&#xff0c;大大方便了我们进行编程。因为有了库&#xff0c;我们不必再从0开始&#xff0c;例如我们大多数人C语言写的第一个程序Hello World!都是用了库函数。以printf为例&#xff0c;我们只需要在程序源代码中包含<stdio.h>这个头文件之后&#xff0c;就…

史上最全Java类型转换

讲类型转换之前&#xff0c;让我来贴张表 基本数据类型的表示范围 类型 长度 表示范围默认值byte8b-128&#xff5e;1270short16b-32768&#xff5e;327670int32b-21147483648&#xff5e;21474836470long64b-9223372036 854 775 808&#xff5e;9223372036 8547758070Lfloat3…

Java:类型转换

public class Demo04 {public static void main(String[] args) {//低--------------------------> 高// byte,short,char->int->long->float->doubleint i 128;byte b (byte) i ;//内存溢出//强制转换 &#xff08;类型&#xff09;变量名 高--低//自动转换…

java强转规则_java类型转换及其规则介绍

一、自动类型转换 整型、实型(常量)、字符型数据可以混合运算。运算中&#xff0c;不同类型的数据先转化为同一类型&#xff0c;然后进行运算。 数据类型转换必须满足如下规则&#xff1a; 1、不能对boolean类型进行类型转换。 2、不能把对象类型转换成不相关类的对象。 3、在把…