Jquery API学习笔记

Posted 2020-09-04 阿轩的BLOG

学习网站 ： 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事件就会被附加到这个元素。它可以绑定到任何元素，但该事件只是发送到获取焦点的元素上。