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

相关推荐
漂流瓶jz7 小时前
从TailwindCSS到UnoCSS:原子化CSS框架接入、特性与配置
前端·css·react.js
竹林8187 小时前
Next.js + wagmi v2 踩坑实录:开发 NFT 交易市场时,我如何处理离线签名和链下元数据
javascript·next.js
原鸣清7 小时前
Swift 面试高频五连问:Optional、Task、Actor、Concurrency 和 OC 差异
前端
前端Hardy8 小时前
谁还没⽤过shadcn/ui?114k+星标,不装NPM包,前端组件自由终于实现了
前端·javascript·vue.js
morestrive8 小时前
基于 fabric.js 实现浏览器端矢量 PDF 导出
前端·github
Bolt8 小时前
用 pnpm 11 省掉项目里的 .nvmrc 与 .npmrc
前端·npm·node.js
猪猪聪明_V8 小时前
前端码农的本地项目启动器
前端·javascript
时光不负努力8 小时前
每天一个高级前端知识 - Day 21
前端
暗不需求8 小时前
前端性能优化 防抖与节流完全指南:从原理到最佳实践
前端·javascript·面试
@大迁世界8 小时前
45.什么是内联条件表达式(inline conditional expressions)?在事件处理里怎么用?
开发语言·前端·javascript·react.js·ecmascript