jQuery学习笔记三
- 使用
fadeIn()
js解释器会将所选元素的CSS opacity属性从0改为100,fadeTo()
会动画显示所选元素,将它为改为某个特定的透明度百分比,使用fadeOut()
js解释器会将所选元素的CSS opacity属性从100改为0,不过在页面上仍有该元素的空间。 - 可以将方法串起来使用,如:
$("#test").fadeIn().fadeOut()
,这样就将元素的display先改为完全不透明,然后淡出为完全透明。 setTimeout()
方法告诉js解释器运行一个函数,另外在再次运行之前要先等待一个指定的时间。animate()
方法可以用来建立自己的效果,改变所选元素的CSS属性,如:$("#my_div").animate({left:"100px"},500)
,{left:"100px"}
是animate()
的第一个参数,指定要改变的CSS属性,500
是第二个参数,表示时限,单位为毫秒,表示要在500毫秒内完成CSS属性的改变。如果想每次移动20个像素点,可以使用$("#my_div").animate({left:"+=20"})
inArray()
方法返回要查找的值在数组中的索引号,如果找不到则返回-1,inArray
不需要选择器,由jQuery函数或其快捷方式直接调用var needle_index=$.inArray('needle',haystack)
- jQuery Ajax方法会返回一个对象,其中包含要完成的特定动作的相关数据,调用方式为:
$.ajax(参数)
,如:$.ajax({url:"done.xml",cache:false,dataType:"xml",success:function(xml){}})
,其中参数url:"done.xml"
表示要通过ajax加载done.xml文件,cache:false
表示在本地缓存结果,dataType:"xml"
表示希望从服务器返回的数据类型为xml,success:function(xml){}
表示如果ajax方法运行成功则调用这个函数。 find()
方法允许在一个层次的信息集(如DOM树或者XML文档)上搜索元素的后代,并由匹配的元素构造一个新数组。如:$("li").find("ul").css('bakcground-color','blue')
- Javascript有几个定时器方法,
setTimeout(myfunc,4000)
:myfunc
为达到超时时间时要执行的函数,4000
为定时器延迟,单位是毫秒。setInterval(repeatMe,1000)
:repeatMe
为时间间隔之后要重复运行的函数,1000
是时间间隔。slideDown().delay(5000).slideUp()
:delay()
方法在slideDown()
和slideUp()
方法中间插入了一个5秒的停顿。 - jQuery有个
post()
方法用于向服务器发送数据,$.post(url_to_send,data,function(json){})
,其中,url_to_send
为数据要发送到的地方,data
是想要发送的数据,且已经被序列化,function(json){}
表示运行这个回调函数,json
是指返回的数据,放在一个名为json的对象中。 - 序列化有两个方法:
serialize()
和serializeArray()
getJSON()
方法用于专门获取json数据,$.getJSON(url_to_load,function(json){})
其中,url_to_load
表示希望从这里加载数据,function(json)
表示运行这个回调函数,而返回的数据放在一个名为json
的对象中。
jQuery学习笔记三的更多相关文章
- jquery学习笔记(三):事件和应用
内容来自[汇智网]jquery学习课程 3.1 页面加载事件 在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DO ...
- 初步学习jquery学习笔记(三)
jQuery学习笔记三 jquery停止动画 stop函数的初步功能 <!DOCTYPE html> <html lang="en"> <head&g ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- jQuery学习笔记(一):入门
jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...
- JQuery学习笔记——层级选择器
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
- jQuery学习笔记之Ajax用法详解
这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...
- jQuery学习笔记之jQuery的Ajax(3)
jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ------------- ...
- jQuery学习笔记之DOM操作、事件绑定(2)
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...
随机推荐
- drf三大认证补充
频率认证 源码分析部分 def check_throttles(self, request): for throttle in self.get_throttles(): if not throttl ...
- CodeForces 993A Two Squares(数学 几何)
https://codeforces.com/problemset/problem/993/A 题意: 给你两个矩形,第一行是一个正面表示的矩形,第二个是一个旋转四十五度角的矩形,问这两个矩形是否相交 ...
- 微信小程序裁剪图片后上传
上传图片的时候调起裁剪页面,裁剪后再回调完成上传; 图片裁剪直接用we-cropper https://github.com/we-plugin/we-cropper we-cropper使用详细 ...
- bad SQL grammar []; nested exception is com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException
### Cause: com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: You have an error in your SQL ...
- urlopen error [errno 10060]的解决思路
当用多线程爬取某个网站的数据的时候,爬取一段时间后,总出现urlopen error [errno 10060]的错误,结果线程无端的被挂掉,一开始的解决思路是每次连接的时候换用不同的useragen ...
- ZZJ_淘淘商城项目:day01(RESTful Web Service、SVN)
淘淘商城项目是很适合初级Java程序员练习的实战项目,本次复习是另一位张老师教授的课,内容上与之前入老师版taotao商城比较有些新东西加了进来. 因此有必要记录下那些直到现在还可供参考的技术亮点分享 ...
- 14 微服务电商【黑马乐优商城】:day04-项目搭建(二)
本项目的笔记和资料的Download,请点击这一句话自行获取. day01-springboot(理论篇) :day01-springboot(实践篇) day02-springcloud(理论篇一) ...
- java 解析URL里的主域名及参数工具类
java 解析URL里的协议及参数工具类,解析URL中的主域名,并统一把协议修改成http或去掉协议 public class UrlDomainUtils { private static fina ...
- 变得“不正经”的CES,竟然越来越好玩了
在所有科技界的展会中,国人最熟悉的当属CES.作为科技行业的风向指示标,CES一直在扮演着重要的潮流指引者角色.不过,现在的CES似乎变得越来越"不正经"了!原本CES是国际消费类 ...
- 分类算法之KNN分类
1.介绍 KNN是k nearest neighbor 的简称,即k最邻近,就是找k个最近的实例投票决定新实例的类标.KNN是一种基于实例的学习算法,它不同于贝叶斯.决策树等算法,KNN不需要训练,当 ...