jQuery第一次接触

jQuery是一个轻量级js库

1.下载jquery库,网址Download jQuery | jQuery

npm i jquery

2.还可以从cdn中载入jquery

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

3.j代表js,query代表查询,jQuery可以进行查询的js语言,主要用来查询html元素

4.基础语法$(selector).action(),其中selector代表要进行操作的元素,action代表要对这个元素进行的操作

5.文档就绪事件$(document).ready(function(){}),为了在文档加载完成之后获取dom,在之前获取会出错所以要用这个文档就绪事件

  1. $(元素选择器)来选取元素,包括元素选择器比如p,div....等等

7.$(id选择器)#id名

8.$(类选择器) .类名

9.$(*)选取所有元素

10.$(this)当前元素

11.$("[herf]")选取带有herf属性的

12.$("a[target='_blank']")选取所有 target 属性值等于 "_blank" 的 <a> 元素

13.$(":button"),选取所有 type="button" 的 <input> 元素 和 <button> 元素

14.$(选择器名称).事件名称(要执行的函数)

相关推荐
即兴小索奇1 分钟前
Google AI Mode 颠覆传统搜索方式,它是有很大可能的
前端·后端·架构
大虾写代码10 分钟前
nvm和nrm的详细安装配置,从卸载nodejs到安装NVM管理nodejs版本,以及安装nrm管理npm版本
前端·npm·node.js·nvm·nrm
星哥说事10 分钟前
下一代开源 RAG 引擎,让你的 AI 检索与推理能力直接起飞
前端
....49211 分钟前
Vue3 与 AntV X6 节点传参、自动布局及边颜色控制教程
前端·javascript·vue.js
machinecat13 分钟前
Webpack模块联邦 - vue项目嵌套react项目部分功能实践
前端·webpack
Ares-Wang15 分钟前
Vue2 VS Vue3
javascript
今禾15 分钟前
深入浅出:ES6 Modules 与 CommonJS 的爱恨情仇
前端·javascript·面试
前端小白199515 分钟前
面试取经:Vue篇-Vue2响应式原理
前端·vue.js·面试
子兮曰15 分钟前
⭐告别any类型!TypeScript从零到精通的20个实战技巧,让你的代码质量提升300%
前端·javascript·typescript
前端AK君16 分钟前
如何开发一个SDK插件
前端