`
forever1121
  • 浏览: 16682 次
  • 性别: Icon_minigender_2
  • 来自: 齐齐哈尔
社区版块
存档分类
最新评论

jQuery权威指南_学习笔记_2

阅读更多
1.显示与隐藏
js:  document.getElementById("p1").sytle.display="block";
     document.getElementById("p1").style.display="none";
jQuery: 
show()和hide()
  hide()  $("#p1").css("display":"none");
  show()  $("#p1").css("display":"block");
2.动画效果:
hide(speed,[callback])  speed:slow normal fast
show(speed,[callback])
toggle
  toggle()
  toggle(swith)  swith:true  false 
  toggle(speed,[callback])
slideDown()和slideUp()
  slideDown(speed,[callback])
  slideUp(speed,[callback])
  slideToggle(speed,[callback])
fadeIn()和fadeOut() 
  fadeIn(speed,[callback])
  fadeOut(speed,[callback])
  fadeTo(speed,opacity,[callback])  指定透明度的值
animate()
  animate(params,[duration],[easing],[callback])   params:制作动画效果的属性样式和值的集合   duration:slow normal fast  easing:动画插件使用 通常有linear和swing字符
stop([clearQueue],[gotoEnd])停止所选元素中正在执行的动画  clearQueue 布尔 是否停止所选元素中正在执行的动画  gotoEnd 布尔 是否立即完成正在执行的动画
delay(duration,[queueName])
3.加载异步数据
load(url,[data(key/value)],[callback])
getJSON()  用于调用JSON格式的数据
   $.getJSON(rul,[data],[callback])
$.getJSON("xx.json",function(data){
      $("#divTip").empty();
      var strHTML="";
      $.each(data,function(InfoIndex,Info){
            strHTML += "name" + Info["name"] + "<br>";
            strHTML += "sex" + Info["sex"] + "<br>";
})
      $("#divTip").html(strHTML);
})
$.getScript(url,[callback])
$.get(url,[data],[callback],[type])

$.get(url,[data],[callback],[type])向服务器请求数据
$.post(url,[data],[callback],[type])向服务器请求数据
get方式不适合传递数据量较大的数据,同时,其请求的历史信息会保存在浏览器的缓存中,有一定的安全风险。
serialize()序列化表单
$.ajax([options])

今天上午打了两个例子,对于先接触easyui的我来说,jQuery太过繁琐,所以这样才有easyui的出现吧。毕竟直接用别人封装好的用起来比较方便~总觉得下午的状态不太好,看不进去,迷迷糊糊的看,看的也是懵懵懂懂...这周打算把jQuery看完,然后还在想接下来看什么  easyui的基础已经了解了差不多,不过像树什么的还没有接触,觉得到时候查手册就可以,要不开始看angularjs?还是看restful???
分享到:
评论

相关推荐

    《jQuery权威指南》学习笔记之第1章 jQuery开发入门

    在实际学习过程中,通过阅读《jQuery权威指南》第1章并配合测试代码(未提供具体内容),可以更深入地理解和实践上述知识点,逐步掌握jQuery的开发基础。同时,不断练习和应用这些知识,才能真正提升开发技能,实现...

    jQuery权威指南学习笔记

    本人在学习《jquery权威指南》时一点点精心整理的,可以作为引导,学习更详细的内容

    《jQuery权威指南》学习笔记之第3章 jQuery操作DOM

    现在我们专注于《jQuery权威指南》第三章——jQuery操作DOM的内容。DOM,即文档对象模型,是HTML和XML文档的编程接口,它将文档结构转换为一个树形结构,方便程序进行读取和修改。jQuery提供了丰富的API,让开发者...

    《jQuery权威指南》学习笔记之第4章 jQuery中的事件与应用

    在深入探讨jQuery中的事件与应用之前,我们先要理解jQuery库的基本概念。...在阅读《jQuery权威指南》的第4章时,重点关注上述内容,结合实际项目进行实践,将有助于巩固和深化对jQuery事件处理的理解。

    《jQuery权威指南》学习笔记之第2章 jQuery选择器

    在深入探讨jQuery选择器之前,我们首先需要理解jQuery是什么。jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。它的核心特性之一就是强大的选择器系统,使得开发者...

    Jquery 学习帮助文档

    《jQuery权威指南》是一本深入解析jQuery的书籍,其读书笔记为我们提供了理解jQuery核心概念和实用技巧的宝贵资源。 ### 1. jQuery基础 - **选择器**: jQuery的选择器基于CSS,可以方便地选取DOM元素,如`$("#id")...

    《HTML5权威指南》笔记第四部分

    ### 《HTML5权威指南》笔记第四部分:深入理解DOM #### DOM概念解析 文档对象模型(Document Object Model,简称DOM)是HTML5的核心组成部分之一,它为网页开发者提供了一种将HTML文档转换成可编程对象的方式。通过...

    leetcode新手刷题指南-Study-Notes:学习资料,笔记整理

    leetcode新手刷题指南 学习资料、文章收集 TypeScript 类型体操姿势合集 React :heart_suit: React Hook Flutter 备注:中文文档内容略有滞后,版本更新没有完全覆盖。尽可能还是读英文的 ...CSS权威指南 H5匠人手册

    8号店铺源码

    不错的项目源码mysql数据库(教学光盘)(1) struts2权威指南(1) 15天学会jquery(1) struts2+hibernate+spring经典整合实例教程(1) spring框架案例学习文档笔记(1) ext_js(1) struts2,spring

    《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析

    各种括号啊,后来了解ajax,了解了jquery,知道了很多网页特效都是用javascript写的,才慢慢有了好感,来了bd以后写javascript和php一半一半才渐渐发现javascript的强大和灵活,看了《javascript权威指南》和《jav

    JEECMS自学帮助集合(包括FreeMarker)

    10. **jeecms学习笔记**:jeecms学习笔记.txt可能是某位开发者的学习心得,可能包含了一些实战经验和技巧。 通过这些资源,你可以系统地学习JEECMS的各个方面,从基础操作到高级开发,再到FreeMarker的运用,都能...

    Reading-Notes:读书笔记们

    学习笔记都在这里了 好好学习,天天向上!生命不息,阅读不止! 本仓库参考以下书籍或资料 JavaScript高级程序设计(第三版) You don't know JS 系列 ES6 标准入门 Node.JS深入浅出 图解HTTP HTTP权威指南 Head First...

    java版飞机大战源码-dome:学习

    java版飞机大战源码 Awesome 这里是个人的「博客」、「笔记」、「书籍」、「Awesomes」、「书签」以及 「面试」等资源汇集。如果目前的你 ...权威指南》 - 参考两本《JavaScript 设计模式》 - 参考《ES

    java script

    压缩包中的文件,如"javasript&DHTML.chm"可能涵盖了JavaScript与DHTML(Dynamic HTML)的结合使用,"JavaScript权威指南(英文版).chm"是一本深入学习JavaScript的参考书籍,"jsnote.doc"可能是个人的学习笔记,而...

Global site tag (gtag.js) - Google Analytics