Jquery API学习笔记

学习网站 : http://www.jquery123.com/

学习一遍API可以更熟练的运用jquery并且拓展思路。

这里只挑选了一些我认为有用的API,并不是全部的API。

.add("p")              匹配元素后添加元素

.addClass("类名")      匹配元素添加样式

.after(‘<p></p>‘)       匹配元素后外添加HTML

.animate({},2000)      匹配元素根据css执行一组动画,时间

.append("")            匹配元素内部最后添加HTML

.attr(‘属性‘,‘值‘)     设置匹配元素的属性和值

.before(‘xxx‘)      在匹配元素后外面添加HTML

.css("")         获取或设置匹配元素的一个活多个属性名

.delay()         设置一个延时。不同于原生的SetTimeOut

.detch()         删除所有匹配的元素

.fadeln()         通过淡入的方式显示匹配元素,填毫秒数

.fadeOut()        通过淡出的方式隐藏匹配元素

.fadeTo()         调整匹配元素的透明度,填毫秒数,小数表示透明度

.fadeToggle()        通过匹配的元素的不透明度动画,来显示或隐藏它们。填毫秒数,jQuery自身提供"linear" 和 "swing"两种效果。

.height()         获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。

.html()          获取或设置匹配元素的HTML内容。

AJAX

http://www.jquery123.com/jQuery.ajax/

$.ajax({

  url:"index.html",    发送请求的地址。

  type:‘GET‘,    请求方式 ("POST" 或 "GET"), 默认为 "GET"。

  async:true,    默认设置下,所有请求均为异步请求

  beforeSend:function()    请求发送前的回调函数

  complete:    请求完成后回调函数

  data: { name: "John", location: "Boston" }     发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后面。

  datatype:    预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断。

  error:    请求失败时调用此函数。

  success:    请求成功后的回调函数。

  timeout:    设置请求超时时间(毫秒)。

})

加载事件

$(document).ready(function())    当DOM准备就绪时,指定一个函数来执行。

表单事件

.change()    文本框或下拉框文字的改变事件

.focus()    文本框获得输入焦点事件

.select()    当在一个元素中进行文本选择时,这个元素上的select事件就会被触发。

.submit()    试图提交表单时,就会在这个表单元素上触发submit事件。它只能绑定在<form>元素上。

键盘事件

.keydown()    在一个元素上第一次按下键盘上的键的时候,keydown事件就会发送给这个元素。它可以绑定到任何元素,但该事件只是发送到具有焦点的元素上。

.keypress()    当浏览器捕获一个元素上键盘输入时,keypress就会发送个元素。

.keyup()    在一个元素上释放按键的时候,keyup事件就会被附加到这个元素。它可以绑定到任何元素,但该事件只是发送到获取焦点的元素上。

时间: 2025-01-10 20:21:13

Jquery API学习笔记的相关文章

jQuery插件学习笔记

最近在研究jQuery插件,插件编写的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期维护. JQuery除了提供一个简单.有效的方式进行管理元素以及脚本,它还还提供了例外一种机制:即给核心模块增加自己的方法和额外的功能.通过这种机制,Jquery允许我们自己创建属于我们自己的插件,提高我们在开发过程中的效率. 虽然在jQuery命名空间中,我们禁止使用了大量的javaScript函数名和变量名.但是仍然不可避免某些函数或变量名将于其他jQuery插件冲突,因此我们习

TCP协议和socket API 学习笔记

本文转载至 http://blog.chinaunix.net/uid-16979052-id-3350958.html 分类: 原文地址:TCP协议和socket API 学习笔记 作者:gilbertjuly  • TCP包头 ACK为1时,确认序号有效,表示期望收到的下一个序号,是上次成功收到的字节序加1. SYN, FIN都占用一个序号. • TCP连接的建立 client通过connect()来建立TCP连接,connect()会发送SYN报文: server通过bind().list

jquery.extend 学习笔记

//// jquery.extend 学习笔记// jquery.extend 扩展方法设计的很巧妙,动态增加静态方法和属性 // 虽然网上资料很多,还是跟据自已的学习理解记录一下.// //定义一个Person构造函数function Person(iname,iage){ this.uname = iname; this.age = iage;} //定义原型方法Person.prototype = { showN:function(){ //调用静态方法 Person.showName(t

Windows录音API学习笔记--转

Windows录音API学习笔记 结构体和函数信息  结构体 WAVEINCAPS 该结构描述了一个波形音频输入设备的能力. typedef struct { WORD      wMid; 用于波形音频输入设备的设备驱动程序制造商标识符. WORD      wPid; 声音输入设备的产品识别码. MMVERSION vDriverVersion; 用于波形音频输入设备的设备驱动程序的版本号.高位字节是主版本号,低字节是次版本号. CHAR      szPname[MAXPNAMELEN];

Windows录音API学习笔记(转)

源:Windows录音API学习笔记 Windows录音API学习笔记 结构体和函数信息  结构体 WAVEINCAPS 该结构描述了一个波形音频输入设备的能力. typedef struct { WORD      wMid; 用于波形音频输入设备的设备驱动程序制造商标识符. WORD      wPid; 声音输入设备的产品识别码. MMVERSION vDriverVersion; 用于波形音频输入设备的设备驱动程序的版本号.高位字节是主版本号,低字节是次版本号. CHAR      sz

jQuery的学习笔记2

jQuery学习笔记 Day two Chapter two 选择器 类选择器 语法结构:$(“.classname”) javascript里面没有类选择器所以这个时候使用jQuery会更加的简便 通配选择器 语法结构:jQuery(“*”) 例如下列代码就是匹配body里面的所有的元素 <script type="text/javascript"> $(function() { $("*").css("color","r

jQuery的学习笔记

JQuery学习笔记 Chapter one初识jQuery 1.2测试jQuery 在jQuery库中,$是jQuery的别名,如:$()相当于jQuery() 注意:在使用JQuery进行开发的时候如果在做所有事情之前,希望jQuery操作DOM文档,就必须保证在DOM载入完毕后开始执行,应该使用ready事件作为处理HTML文档的开始. 1.4JQuery的核心功能 1.对外接口单一让使用更简单 2.链式语法让编码更加的快速和优雅 3.模仿CSS选择器让选取元素更加的精确的灵活 4.拓展接

jQuery的学习笔记4

JQuery学习笔记3 2.9属性选择器 属性选择器就是根据元素的属性和属性值作为过滤条件,来匹配对应的DOM元素.属性选择器一般都以中括号作为起止分界符 它的形式如下: [attribute] [attribute=value] [attribute!=value] [attribute^=value]作用:匹配给定的属性是以某些值开始的元素 [attribute*=value]作用:匹配给定的属性是以包含某些值的元素 [attribute$=value]作用:匹配给定的属性是以某些值结束的元

jQuery 基础学习笔记总结(一)

Jquery 学习笔记 总结 感想: 此前在做站点时用到过jquery相关,特别是Ajax相关技术.但是并没有系统的进行学习和了解Jquery的强大的功能,趁这几天跟着资料基本的了解下Jquery的特性和插件,感觉原来好多前端设计中感觉非常麻烦的东西.通过Jquery的函数和插件都非常easy的实现了而且效果极佳.这里仅仅是简单的介绍下Jquery有哪些知识点. 1.基础选择器 (1). $("button").attr("disabled","true&