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

相关推荐
cc.ChenLy1 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
何中应1 小时前
使用Jenkins部署前端项目(Vue)
前端·vue.js·jenkins
西门吹-禅1 小时前
node js 性能处理
开发语言·javascript·ecmascript
3秒一个大1 小时前
JWT 登录:原理剖析与实战应用
前端·http·代码规范
一只大侠的侠1 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
NEXT061 小时前
2026 技术风向:为什么在 AI 时代,PostgreSQL 彻底成为了全栈工程师的首选数据库
前端·数据库·ai编程
NEXT062 小时前
拒绝“盲盒式”编程:规范驱动开发(SDD)如何重塑 AI 交付
前端·人工智能·markdown
@大迁世界2 小时前
仅用 CSS 实现元素圆形排列的方法
前端·css
一只大侠的侠3 小时前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook3 小时前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js