• 使用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学习笔记三的更多相关文章

  1. jquery学习笔记(三):事件和应用

    内容来自[汇智网]jquery学习课程 3.1 页面加载事件 在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DO ...

  2. 初步学习jquery学习笔记(三)

    jQuery学习笔记三 jquery停止动画 stop函数的初步功能 <!DOCTYPE html> <html lang="en"> <head&g ...

  3. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  4. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  5. jQuery学习笔记(一):入门

      jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...

  6. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  7. jQuery学习笔记之Ajax用法详解

    这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...

  8. jQuery学习笔记之jQuery的Ajax(3)

    jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ------------- ...

  9. jQuery学习笔记之DOM操作、事件绑定(2)

    jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...

随机推荐

  1. 第04项目:淘淘商城(SpringMVC+Spring+Mybatis)【第十天】(单点登录系统实现)

    https://pan.baidu.com/s/1bptYGAb#list/path=%2F&parentPath=%2Fsharelink389619878-229862621083040 ...

  2. logstash kafka的版本兼容问题

    项目细节也就不说了 kafka + spark streaming >> kafka版本1.0,spark streaming也是依照kafka1.0开发的 这个kfk集群叫kfk_1.0 ...

  3. Gene family|

    6.1引言 随着测序技术的提高,能被测序的物种趋近于复杂(因为越高等的生物基因组大且复杂(1.本身基因结构复杂2.复杂程度与种属关系并不相关)),所以基因家族(Gene family)的数目可能能够更 ...

  4. 关于XML的一些总结

    xml的知识结构图 eXtensible Markup Language,可扩展标记语言,简称XML,和HTML比较而言,语法相似,作用不同 XML被设计用来存储和传输数据,但存储数据方面,数据库是主 ...

  5. BeagleboneBlack上u-boot的MLO文件是哪里来的

    在玩BeagleboneBlack一段时间之后不可避免地接触到了u-boot,之前的玩耍过程大致上是这样的: 在MATLAB下耍,因为MATLAB提供了它的硬件支持,可以直接在命令行与之交互,也可在s ...

  6. Lamda过滤替换List元素的属性值

    import java.util.ArrayList;import java.util.HashMap;import java.util.Iterator;import java.util.List; ...

  7. transcription-coupled repair|Germ|HK|TS|Mutation|四类变异

    生命组学-可遗传变异 GC content:碱基: GC content不同的植物对应的gene length,可看作上图的转置: 由GC content看出来碱基变异程度,可以找到对应碱基改变,所以 ...

  8. Events|sample space|mutually exclusive events

    5.2Events The collection of all 52 cards—the possible outcomes—is called the sample space for this e ...

  9. iOS 后台任务

    首先开启后台任务 使用设置后台任务触发的时机 application.setMinimumBackgroundFetchInterval(UIApplication.backgroundFetchIn ...

  10. nc命令的用法

    1.什么是nc netcat(nc)是一个简单而有用的工具,可以使用tcp或者udp进行网络间读写数据,传输文件,接收发送数据,验证网络是否畅通. 2.命令行: 1) -l 用于指定nc将处于侦听模式 ...