jQuery的常用方法

特效操作:

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");

});



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章