Jquery想说爱你不容易

        JQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

      在开始学习的时候没有习惯用jquery,在写代码是还是不自觉地写原生javascript。并没有去习惯用新的东西。后来我对自己要求尽量都用jquery来写,要去尝试新的东西。

在学习了一个星期jquery以后。才逐渐明白了jquery的强大以及方便之处。在jquery列如animate()一个小小的方法就可以千变万化。

      就像以前做一个类似与类似QQ客服始终悬浮在网页右侧并可依次展开的菜单导航。

  

    (<ul>   

        <li><a>1</a><label>flash素材</label></li>    

        <li><a>2</a><label>flash素材</label></li>    

        <li><a>3</a><label>flash素材</label></li>

           </ul>)

      就像上面ul中 让每个li依次移动,如果用原生js来写那么有多少个li就需要设置多少个属性。

      但现在用jquery的话(

    var $this = $(this);      

         var f_time = 0;

            $this.find('li').each(function() {

              $(this).stop().delay(f_time+=50).animate({ight: '-150px'}, 100);})

           )就像这样简单的几句代码就可以了。

    其实jquery的强大还不仅如此,还有许多可以扩展的地方。我觉得jquery主要是在与多练习。

    所以,jquery,想说爱你不容易呀。还得多加练习啊。

 

转载于:https://www.cnblogs.com/qwdlove/p/4088587.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/420486.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android-波浪效果ripple-background

能产生波浪效果的背景图片控件&#xff0c;可以自定义颜色&#xff0c;波浪扩展的速度&#xff0c;波浪的圈数。运行效果&#xff1a; 下载地址&#xff1a;http://jcodecraeer.com/a/opensource/2014/1110/1946.html转载于:https://www.cnblogs.com/noodlesonce/p/4090163.htm…

仔细学习CSS(一)

推荐编辑器&#xff1a;Notepad (under Windows), TextEdit (on the Mac) or KEdit (under KDE)&#xff1b; Style Master, Dreamweaver or GoLive For HTML and CSS, we want simple, plain text files. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">…

容器数据卷

容器数据卷技术 它是一种将容器中的数据持久化到linux宿主机的技术。 # 1. 使用命令挂载 -v docker run -it -v 主机目录:容器目录# 将容器centos 的home目录挂载到linux的用户docker_study/centos_home目录下面 [rootizbp1imy docker_study]# docker run -it -v /usr/e…

对contentoffset的理解

今天遇到一个问题&#xff0c;在写瀑布流时&#xff0c;竖屏的时候可以正常实现&#xff0c;在手机变成横屏后&#xff0c;总是显示不全。 最终查了两个小时&#xff0c;查到了导致这个的原因&#xff0c;是自己的判断cell是否在当前显示区域的方法写错了。 根本原因是没有很好…

微信开发小程序

小程序开发工具win10下载地址 官方文档地址 学了一下小程序&#xff0c;… 虽然目前小程序用得少&#xff0c;本人。但是回家买票还是有用小程序的。 小程序开发不难&#xff0c;会三件套html&#xff0c; css &#xff0c;js 就行了。如果你会vue就更快了。它就是一套前端项目…

DockerFile构建

dockerfiletodo item基础命令编写dockefiel基于centos镜像制作tomcatjdk的镜像todo item 是用来构建docker镜像的脚本&#xff1b;命令参数脚本。构建步骤:1、编写一个dockerfile文件2、 docker build 构建为一个镜像3、docker run 运行镜像4、docker push 发布镜像(dockerhub…

Linux:jumpserver V3的安装与升级(在线离线)(2)

官方文档写的非常详细&#xff0c;我这篇文章时间长了&#xff0c;会随着官方版本更新而落后 JumpServer - 开源堡垒机 - 官网https://www.jumpserver.org/安装和升级在官网也有详细的信息&#xff0c;我写本章是为了记录一下实验 我的系统是centos7.9 在线安装 在确定我们可…

redis 学习笔记(1)-编译、启动、停止

一、下载、编译 redis是以源码方式发行的&#xff0c;先下载源码&#xff0c;然后在linux下编译 1.1 http://www.redis.io/download 先到这里下载Stable稳定版&#xff0c;目前最新版本是2.8.17 1.2 上传到linux&#xff0c;然后运行以下命令解压 tar xzf redis-2.8.17.tar.gz …

微信小程序 调用地图接口,实现定位

1. demo01.wxml <!-- 定位 --> <view><button type"default" bindtap"get_location">get position</button></view><view><map id"my_map" latitude"{{latitude}}" longitude"{{longitu…

【ASP.NET】获取网站目录的方法

获取网站物理路径: HttpRuntime.AppDomainAppPath获取网站虚拟路径: HttpRuntime.AppDomainAppVirtualPath转载于:https://www.cnblogs.com/chenguoxingblog/p/4107771.html

如何使用div优雅的布局

flex布局方式1&#xff0c;float飘起来~方式2&#xff0c;使用flex&#xff0c;将多个div合并到一行就是跨行和跨列嘛…如果表格做就easy…但是, div是块级标签&#xff0c;每个div会独占一行…方式1&#xff0c;float飘起来~ 下面的两个div会到一行… <div> <div s…

多行文本溢出问题

总结了一些网上看到的&#xff0c;结合自己的思考&#xff0c;举例如下&#xff1a; http://jssl915.github.io/overflow.html 转载于:https://www.cnblogs.com/lj915/p/4112840.html

spring-cloud学习demo,git地址

https://github.com/sevenyoungairye/spring-cloud2020 解决分布式&#xff0c;微服务的各种问题。 不停更新&#xff0c;欢迎三连。

centos7 frp内网穿透

git下载地址 中文文档参考 这里需要nginx 配置https证书, frp服务端&#xff0c;frp客户端, 阿里centos7, 子级域名。client -->(https) nginx --> frp server(7000) in linux:8888 --> frp client(7000) in windows --> current client:8080 client --> ge…

BZOJ 2324: [ZJOI2011]营救皮卡丘(带上下限的最小费用最大流)

这道题么 还是有些恶心的&#xff0c;第一次写带上下界的网络流&#xff0c;整个人都萌萌哒~~~首先先预处理得最短路后直接用费用流做就行了。第一次写&#xff0c;还是挺好写的 CODE&#xff1a;#include<cstdio>#include<iostream>#include<algorithm>#inc…