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.$(选择器名称).事件名称(要执行的函数)

相关推荐
苏打水com34 分钟前
第九篇:Day25-27 Vue进阶——组件复用与状态管理(对标职场“复杂项目”需求)
前端·javascript·vue.js
PineappleCoder1 小时前
别让页面 “鬼畜跳”!Google 钦点的 3 个性能指标,治好了我 80% 的用户投诉
前端·性能优化
卤代烃1 小时前
🕹️ [AI] Chrome DevTools MCP 原理分析
前端·mcp
梦里不知身是客111 小时前
flink对于迟到数据的处理
前端·javascript·flink
卤代烃1 小时前
🤝 了解 CDP (Chrome DevTools Protocol):browser-use 背后的隐藏功臣
前端·chrome·puppeteer
一 乐1 小时前
人事管理系统|基于Springboot+vue的企业人力资源管理系统设计与实现(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·spring boot·后端
b***74882 小时前
前端状态系统的时代变革:从本地状态到全局状态,再到智能状态的未来趋势
前端·状态模式
秋氘渔2 小时前
Vue 3 组合式API中的生命周期钩子函数介绍
前端·javascript·vue.js
拉不动的猪2 小时前
requestAnimationFrame 与 JS 事件循环:宏任务执行顺序分析
前端·javascript·面试
步步为营DotNet2 小时前
深度解析C# 11的Required成员:编译期验证保障数据完整性
java·前端·c#