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();释放对 $ 标识符的控制