引入和使用jquery

https://www.bootcdn.cn/jquery/     国内CDN服务器

1，通过文件jquery.min.js引入<script src="js/jquery.min.js">

2，通过链接引入<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

项目在全球部署就用谷歌的CDN

 

jquery的使用

$('选择器') --> jQuery对象 --> 封装了很多方法

$('选择器').on  就是绑定事件

$('选择器').off  就是取消绑定事件

$('选择器').one  只能点击一次的事件

$('#data>tbody>tr:odd').css('background-color')

$('#data>tbody>tr:even').css('background-color', 'lightgray')

选择器后面加冒号：就是过滤器，odd是奇数行，even是偶数行，.css是改样式表,只有backgrou-color表示读取背景色，'background-color', 'lightgray'表示修改背景色

 

$函数的四种用法：

$函数的参数是一个匿名函数或者箭头函数，传入的函数是页面加载完成后要执行的回调函数

$函数的参数是一个样式表选择器，获取页面元素，得到一个jQuery对象（伪数组），有更多的属性和方法

$函数的参数是一个标签字符串，创建一个新的元素并获得对应的jQuery对象    $（'<li>'）

$函数的参数是一个原生的JavaScript对象，返回与原生JavaScript对象对应的jQuery对象