博客
关于我
jquery 简单版
阅读量:752 次
发布时间:2019-03-23

本文共 588 字,大约阅读时间需要 1 分钟。

将获取元素的语句写到页面头部,由于元素可能尚未加载完成会导致错误。为了解决这个问题,JQuery提供了`ready`方法,其速度比原生的`window.onload`更快。

JQuery的基本使用方法包括一个简写版本的`ready`方法,可以将代码写成:。随后是关于JQuery选择器的使用说明,选择器与CSS规则一致,且支持链式操作。例如,`$('#myId')`选择id为myId的元素,`$('.myClass')`选择class为myClass的元素,`$('li')`选择所有li元素等。需要注意的是,选择多个元素时,获取信息默认为第一个元素。

JQuery不仅可以选择元素,还可以对样式进行操作。同一个函数可以完成取值和赋值操作,例如获取样式用`css()`, 设置样式用`css()`,此外还可以追加或移除类名。需要注意的是,对多个元素进行操作时,第一个元素会被优先选择。

绑定点击事件简单yet幂大,例如可以用`$('#btn1').click(function(){ // 目',

最后,关于元素动画操作,JQuery提供了`animate()`方法,可以设置多个属性改变,插入动画效果并指定动画曲线。例如,可以创建自定义动画效果,并在动画完成后执行回调函数。

保持独立性后面提供了示例代码:

这是一个div

转载地址:http://madzk.baihongyu.com/

你可能感兴趣的文章
OpenCV与AI深度学习 | OpenCV常用图像拼接方法(一) :直接拼接
查看>>
OpenCV与AI深度学习 | OpenCV常用图像拼接方法(三):基于特征匹配拼接
查看>>
OpenCV与AI深度学习 | OpenCV常用图像拼接方法(二) :基于模板匹配拼接
查看>>
OpenCV与AI深度学习 | OpenCV常用图像拼接方法(四):基于Stitcher类拼接
查看>>
OpenCV与AI深度学习 | OpenCV快速傅里叶变换(FFT)用于图像和视频流的模糊检测(建议收藏!)
查看>>
OpenCV与AI深度学习 | PaddleOCR 2.9 发布, 正式开源文本图像智能分析利器
查看>>
OpenCV与AI深度学习 | SAM2(Segment Anything Model 2)新一代分割一切大模型介绍与使用(步骤 + 代码)
查看>>
OpenCV与AI深度学习 | T-Rex Label !超震撼 AI 自动标注工具,开箱即用、检测一切
查看>>
OpenCV与AI深度学习 | YOLO11介绍及五大任务推理演示(目标检测,图像分割,图像分类,姿态检测,带方向目标检测)
查看>>
OpenCV与AI深度学习 | YOLOv10在PyTorch和OpenVINO中推理对比
查看>>
OpenCV与AI深度学习 | YOLOv11来了:将重新定义AI的可能性
查看>>
OpenCV与AI深度学习 | YOLOv8自定义数据集训练实现火焰和烟雾检测(代码+数据集!)
查看>>
OpenCV与AI深度学习 | YOLOv8重磅升级,新增旋转目标检测,又该学习了!
查看>>
OpenCV与AI深度学习 | 一文带你读懂YOLOv1~YOLOv11(建议收藏!)
查看>>
OpenCV与AI深度学习 | 五分钟快速搭建一个实时人脸口罩检测系统(OpenCV+PaddleHub 含源码)
查看>>
OpenCV与AI深度学习 | 什么是 COCO 数据集?
查看>>
OpenCV与AI深度学习 | 低对比度缺陷检测应用实例--LCD屏幕脏污检测
查看>>
OpenCV与AI深度学习 | 使用 MoveNet Lightning 和 OpenCV 实现实时姿势检测
查看>>
OpenCV与AI深度学习 | 使用 OpenCV 创建自定义图像滤镜
查看>>
OpenCV与AI深度学习 | 使用 SAM 和 Grounding DINO 分割卫星图像
查看>>