Jquery API学习笔记

时间:2022-04-29 07:13:48

学习一遍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

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

Jquery API学习笔记