jQuery

jQuery基础
$(“css选择器”);选中元素

$(element)
$(document)
$(window)
$(this)

$(HTML文本字符串)

$(function(){});
$(document).ready(function(){});页面加载完成时(优先DOMContentLoaded事件触发时:不包含图片、音频、视频等资源)执行函数

$().length
$()[0]
$().size()
$().get()
$().each()
$().map()
$().index()
$().is()

DOM
$(selector).parent();返回被选元素的直接父元素。

$(selector).parents();返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。

$(selector).parentsUntil();返回介于两个给定元素之间的所有祖先元素。

$(selector).children();返回被选元素的所有直接子元素。

$(selector).find();返回被选元素的后代元素,一路向下直到最后一个后代。

$(selector).siblings();返回被选元素的所有同胞元素。

$(selector).next();返回被选元素的下一个同胞元素。

$(selector).nextAll();返回被选元素的所有跟随的同胞元素。

$(selector).nextUntil();返回介于两个给定参数之间的所有跟随的同胞元素。

$(selector).prev();返回被选元素的上一个同胞元素。

$(selector).prevAll();返回被选元素的所有之前的同胞元素。

$(selector).prevUntil();返回介于两个给定参数之间的所有之前的同胞元素。

$(selector).first();返回被选元素的首个元素。

$(selector).last();返回被选元素的最后一个元素。

$(selector).eq();返回被选元素中带有指定索引号的元素。

$(selector).filter();允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

$(selector).not();返回不匹配标准的所有元素。

$(selector).append(value);在被选元素的结尾插入内容

$(selector).prepend(value);在被选元素的开头插入内容

$(selector).after(value);在被选元素之后插入内容

$(selector).before(value);在被选元素之前插入内容

$(selector).replaceWith(value);替换被选元素内容

$(selector).remove(selector);删除被选元素(及其子元素)

$(selector).empty();从被选元素中删除子元素

$(selector).text(value,function(i,origText){});设置或返回所选元素的文本内容

$(selector).html(value,function(i,origText){});设置或返回所选元素的内容(包括 HTML 标记)

$(selector).val({value,function(i,origText){}});设置或返回表单字段的值

$(selector).attr({params},function(i,origText){});设置或返回属性值。

$(selector).removeAttr(value);移除属性值。

$(selector).addClass(value);向被选元素添加一个或多个类

$(selector).removeClass(value);从被选元素删除一个或多个类

$(selector).toggleClass(value);对被选元素进行添加/删除类的切换操作

$(selector).css(“propertyname”,“value”);设置或返回样式属性
$(selector).css({“propertyname”:“value”,“propertyname”:“value”,…});

$(selector).width();设置或返回元素的宽度(不包括内边距、边框或外边距)

$(selector).height();设置或返回元素的高度(不包括内边距、边框或外边距)

$(selector).innerWidth();返回元素的宽度(包括内边距)。

$(selector).innerHeight();返回元素的高度(包括内边距)。

$(selector).outerWidth();返回元素的宽度(包括内边距和边框)。

$(selector).outerHeight();返回元素的高度(包括内边距和边框)。

$(selector).offset();获取当前位置

事件
$(selector).bind(“eventname”,function(){});注册事件处理程序

$(selector).unbind(“eventname”,eventfunctionname);注销事件处理程序

$(selector).trigger(“eventname”);手动触发事件

$(document).delegate(selector,“eventname”,function(){});实时注册事件处理程序

$(document).undelegate(selector,“eventname”,eventfunctionname);实时注销事件处理程序

$(selector).click(function(){});点击元素时执行函数

$(selector).dblclick(function(){});双击元素时执行函数

$(selector).mouseenter(function(){});鼠标指针进入元素时执行函数

$(selector).mouseleave(function(){});鼠标指针离开元素时执行函数

$(selector).hover(function(){});在元素上悬停时执行函数

$(selector).mousedown(function(){});在元素上按下鼠标按键时执行函数

$(selector).mouseup(function(){});在元素上松开鼠标按钮时执行函数

$(selector).focus(function(){});当元素获得焦点时执行函数

$(selector).blur(function(){});当元素失去焦点时执行函数

动画
$(selector).hide(speed,callback);隐藏

$(selector).show(speed,callback);显示

$(selector).toggle(speed,callback);隐藏显示切换

$(selector).fadeIn(speed,callback);淡入

$(selector).fadeOut(speed,callback);淡出

$(selector).fadeToggle(speed,callback);淡入淡出切换

$(selector).fadeTo(speed,opacity,callback);渐变为指定透明度

$(selector).slideDown(speed,callback);下滑

$(selector).slideUp(speed,callback);上滑

$(selector).slideToggle(speed,callback);上下滑切换

$(selector).animate({params},speed,callback);动画

$(selector).stop(stopAll,goToEnd);停止动画

$(selector).delay();延时

Ajax
$(selector).load(URL,data,callback);从服务器加载数据,并把返回的数据放入被选元素中。

$.get(URL,callback);通过 HTTP GET 请求从服务器上请求数据。

$.post(URL,data,callback);通过 HTTP POST 请求向服务器提交数据。

$.ajax();

$.noConflict();释放对 $ 标识符的控制

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值