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

你可能感兴趣的文章
NTFS文件权限管理实战
查看>>
ntko web firefox跨浏览器插件_深度比较:2019年6个最好的跨浏览器测试工具
查看>>
ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
查看>>
ntp server 用法小结
查看>>
ntpdate 通过外网同步时间
查看>>
ntpdate同步配置文件调整详解
查看>>
NTPD使用/etc/ntp.conf配置时钟同步详解
查看>>
NTP及Chrony时间同步服务设置
查看>>
NTP服务器
查看>>
NTP配置
查看>>
NUC1077 Humble Numbers【数学计算+打表】
查看>>
NuGet Gallery 开源项目快速入门指南
查看>>
NuGet(微软.NET开发平台的软件包管理工具)在VisualStudio中的安装的使用
查看>>
nuget.org 无法加载源 https://api.nuget.org/v3/index.json 的服务索引
查看>>
Nuget~管理自己的包包
查看>>
NuGet学习笔记001---了解使用NuGet给net快速获取引用
查看>>
nullnullHuge Pages
查看>>
NullPointerException Cannot invoke setSkipOutputConversion(boolean) because functionToInvoke is null
查看>>
null可以转换成任意非基本类型(int/short/long/float/boolean/byte/double/char以外)
查看>>
Number Sequence(kmp算法)
查看>>