博客
关于我
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/

你可能感兴趣的文章
OpenDaylight融合OpenStack架构分析
查看>>
OpenERP ORM 对象方法列表
查看>>
openEuler Summit 2022 成功举行,开启全场景创新新时代
查看>>
openEuler 正式开放:推动计算多样化时代的到来
查看>>
OpenEuler23.03欧拉系统_安装瀚高数据库企业版6.0.4_openeuler切换root用户_su:拒绝权限_passwd: 鉴定令牌操作错误---国产瀚高数据库工作笔记001
查看>>
OpenEuler23.03欧拉系统_安装瀚高数据库企业版6.0.4_踩坑_安装以后系统无法联网_启动ens33网卡---国产瀚高数据库工作笔记002
查看>>
OpenFeign 入门与实战
查看>>
OpenFeign源码学习
查看>>
OpenFeign组件声明式服务调用
查看>>
openfeign远程调用不起作用解决_使用Spring Boot的spring.factories进行注入---SpringCloud Alibaba_若依微服务框架改造---工作笔记007
查看>>
openfire开发(四)消息拦截器
查看>>
openfire源码解读之将cache和session对象移入redis以提升性能
查看>>
Openfire身份认证绕过漏洞复现+利用(CVE-2023-32315)
查看>>
OpenForest 开源项目安装与使用指南
查看>>
opengl 深度详解,多重采样时,如何在OpenGL纹理中解析深度值?
查看>>
OpenGL 的内置矩阵种种
查看>>
OpenGL中shader读取实现
查看>>
OpenGL中旋转平移缩放等变换的顺序对模型的影响
查看>>
Opengl中的gluProject函数认识
查看>>
OpenGl介绍
查看>>