Jquery API学习笔记

学习网站 JQuery API 中文网： http://www.jquery123.com/

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

这里只挑选了一些我认为在开发中会用到的一些API，并不是全部的API。

感兴趣的园友可以自行去网站中看，日常当做使用手册也是可以的。

加载事件

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

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:　　　　设置请求超时时间（毫秒）。

})

$.getJSON( url [, data ] [, success] )　　　　url：请求地址

解析JSON

$.each()　　　　一个通用的迭代函数，它可以用来无缝迭代对象和数组。数组和类似数组的对象通过一个长度属性（如一个函数的参数对象）来迭代数字索引，从0到length - 1。其他对象通过其属性名进行迭代。

表单事件

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

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

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

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

键盘事件

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

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

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

巴特西

Jquery API学习笔记

最新文章

热门文章