特效操作:
animate({css样式},时间t)
.hide() 隐藏元素
.show() 显示元素
.toggle() 隐藏于显示元素,可在括号内控制速度(2000)
.sildeup() 改变元素的height属性,直到为0
.slideDown() 改变元素的height属性,从0到某个值
.slideToggle() 根据元素,自动调整height属性
.fadeup() 淡出
.fadein() 淡入
.fadeToggle()
.click(function(){}) 点击事件
.css({"background-color","blue"});改变样式
.toggleClass("类名") 切换类
.delay(时间t) 可加到效果链后,增加停顿效果
数据处理
.each()循环处理[数组][元素][函数]之类
.find()查找数组中的元素
$.inArray('值',数组名) 查找值是否在数组中
.getRandom(值) 返回一个0-值范围内的随机数
事件处理
.select()文本被选中时触发
.trigger("click")是控件触发某个别的事件
.clicj() 点击事件
.attr('属性名','属性值') 改变属性
DOM操作
$("h2")replaceWith("<h1>My Menu</h1>") 替换元素
$("元素").before("<li></li>")在元素的前面添加元素
$("元素").after("<li></li>")在元素的后面添加元素
$("元素").empty() 删除元素中的全部内容
$("元素").remove()删除元素
$("元素").detach()移除元素,并保留元素
$("元素").wrap("<a></a>")将元素包含在另一个元素中
$("元素").append("<b></b>");在元素中添加另一个元素
$("<b></b>").appendTo("元素");在元素中添加元素
$("元素").html("内容")向元素中添加内容
DOM查找
$("元素").parent()找到元素的父元素
$("元素").children()找到元素的子元素
$("元素").prev()找到元素的左元素
$("元素").next()找到元素的右元素
$("元素").parents()找到元素的所有父元素
$("元素1").closest("元素2")查找最近的一个父元素2
$("元素").siblings()遍历所选元素同一层的所有元素
$("元素").children().first()所选子元素的第一个元素
$("元素").children().last()所选子元素的最后一个元素
$("元素").children().eq(0)所选子元素的第一个元素,子元素存在序号
$("元素").children().slice(1,3)所选子元素的第2个到第4个中间的第3个
$("元素").parents().filter("元素id或类") 返回指定的父元素
$("元素").children().not("元素id或类")返回选定元素的元素
window对象
Window.name 用于访问window对象的一个属性,可以用来访问或设置窗口名
Window.history 用于访问一段时间以来窗口加载的不同URL
Window.document 指示所加载的文档全部内容
Window.onfocus 检查窗口何时失去焦点
Window.setTimeout 设置调用一个函数或其他语句之前所等待的时间
Window.cleadTimeout 用于取消需要等待的时间
Window.setInterval 设置重复函数调用或其他语句之间需要等待的时间
Window.clearInterval 取消重复调用之间等待的时间
Window.onblur 检查窗口何时失去焦点
AJAX的使用
$.ajax({
url:"xxx.xml", 加载xml文件
cache:false, 本地缓存结果(flase可减少对服务器的调用)
dataType:"xml", 希望服务器返回的数据类型
success:function(xml){} 如果成功就运行这个方法,(xml)为返回的数据
})
$('#id').load("xxx.php");使用ajax加载php
$.get
$.getJSON((接收数据的URL,回调函数function(json){});
$getScript
$.post(接收数据的URL,想要发送的数据,回调函数 function(返回的数据){});
$.load
$("#formID :input").serializeArray(); 对指定标签数据进行格式化
$("#fromID").serialize(); 对数据进行格式化
$('#btnSave').click(function(){
Vardata=$("#addRunner:input").serializeArray();
$.post($("#addRunner").attr('action'),data,function(json){
if(json.status=="fail"){
alert(json.message);
}
if(json.status=="success"){
alert(json.message);
clearInputs();
}
},"json");
});