工作中一般会使用jquery代替js,jquery官网:https://jquery.com/

 

引用jquery: 

 

第一种方式:下载引用:

jquery下载官网:https://jquery.com/download/

下载压缩版本:右键-链接另存为,保存到项目的js下

测开之路一百:jquery引用、语法、事件

测开之路一百:jquery引用、语法、事件

引用

测开之路一百:jquery引用、语法、事件

 

第二种方式:CDN引入:https://www.bootcdn.cn/jquery/

为了稳定,使用2.2.4版本,直接复制标签到script标签下

测开之路一百:jquery引用、语法、事件

测开之路一百:jquery引用、语法、事件

 

jquery语法:$("选择器").事件(函数);

测开之路一百:jquery引用、语法、事件

 

准备html

测开之路一百:jquery引用、语法、事件

 

id选择器

测开之路一百:jquery引用、语法、事件

测开之路一百:jquery引用、语法、事件

 

class选择器

测开之路一百:jquery引用、语法、事件

测开之路一百:jquery引用、语法、事件

 

标签选择器

测开之路一百:jquery引用、语法、事件

测开之路一百:jquery引用、语法、事件

 

相同标签下元素筛选

测开之路一百:jquery引用、语法、事件

测开之路一百:jquery引用、语法、事件

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<script src="../js/jquery-3.4.1.min.js"></script>-->

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<h1>jQuery选择器</h1>
<div ); //把input标签下type='text'的元素背景色改为绿色
})
</script>

 

相关文章:

  • 2021-11-30
  • 2021-08-30
  • 2021-11-03
  • 2021-09-09
  • 2022-03-01
  • 2022-02-23
猜你喜欢
  • 2021-10-14
  • 2021-07-05
  • 2021-06-29
  • 2022-01-23
  • 2021-07-24
  • 2021-10-29
相关资源
相似解决方案