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

相关推荐
Yzw10 小时前
当vue.diff遇上了扩展运算符(...)
前端
前端不开发10 小时前
在任意网页里“召唤”一个火柴人:一次有趣的 JavaScript Hack
前端·javascript
whatever who cares10 小时前
Java Web 架构全组件详解
java·前端·架构
DevDengChao10 小时前
[Aliyun] [FC] 如何使用 website-fc-serve 插件部署静态网站
前端·后端
前端拿破轮11 小时前
利用Github Page + Hexo 搭建专属的个人网站(一)
前端·人工智能·后端
q1cheng11 小时前
基于Spring Boot + Vue项目online_learn的用户登录认证全流程分析
前端
大时光11 小时前
gsap 配置解读 --2
前端
万岳科技程序员小金11 小时前
AI数字人小程序源码开发全流程实战:前端交互+后端算法部署指南
前端·人工智能·软件开发·ai数字人小程序·ai数字人系统源码·ai数字人软件开发·ai数字人平台搭建
白开水丶11 小时前
vue3源码学习(五)ref 、toRef、toRefs、proxyRefs 源码学习
前端·vue.js·学习
广州华水科技11 小时前
单北斗GNSS在变形监测中的应用与优势分析
前端