jQuery学习笔记三
2024-08-30 06:18:06
- 使用
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
的对象中。
最新文章
- 一步步开发自己的博客 .NET版(9、从model first替换成code first 问题记录)
- ubuntu下 编译安装swftools
- 关于Javascript的使用参考
- Daily Scrum 10.30
- 你的项目真的需要Session吗?
- 验证你的邮箱是不是qq邮箱
- 对于json对像,怎么遍历json对象的所有key,在使用json对象时,如果无法知道key,怎么通过key变量来获取值
- 原创 HTML5:JS操作SVG实践体会
- js 字符串为空
- jQuery AJAX 简介
- [PHP] assert()断言检测函数
- Rsync客户端卡死的问题查询
- Unity攻略
- vmware上虚拟机:Network error: Connection refused 排查
- [转] KVM storage performance and cache settings on Red Hat Enterprise Linux 6.2
- NSAssert和NSParameterAssert
- bzoj1722: [Usaco2006 Mar] Milk Team Select 产奶比赛 树形dp
- 2017年蓝桥杯省赛A组c++第7题(正则问题)
- java 网络编程(五)Socket多线程上传文件
- bzoj 2733 永无乡 - 并查集 - 线段树
热门文章
- PyTorch基础——机器翻译的神经网络实现
- EnableAutoConfiguration注解 Spring中@Import注解的作用和使用
- Python数据分析与展示第0&;1周学习笔记(北理工 嵩天)
- Matlab高级教程_第二篇:MATLAB和C#对应数据类型的讲解(多讲一点儿C#的矩阵运算)
- HDU-6708 Windows Of CCPC(打表,递归)
- 怎么保证RabbitMQ和kafuka集群的高可用性?
- Survey sampling
- Java程序员常用Linux性能分析命令
- tomcat打印接口延迟时间
- 工厂方法FactoryMethod 初步学习笔记