$(a). css(name,value)
$(a).css({})
$(a).css(name,function(){})
$(a).height()
$(a).height(value)
$(a).innerHeight()
$(a).outerHeight()
$(a).width()
$(a).width(value)
$(a).innerWidth()
$(a).outerWidth()
$(a).offset()
$(a).offset({top:n,left:n})
$(a).position()
$(a).scrollLeft()
$(a).scrollLeft(value)
$(a).scrollTop()
$(a).scrollTop(value)
jQuery 文档处理函数
$(a).unwrap() $(a).wrap(element[/funciton(){}]) $(a).wrapInner(element[/funciton(){}]) $(a).clone() $(a).append(b) $(a).appendTo(b) $(a).prepend(b) $(a).prependTo(b) $(a).detach([选择器]) $(a).remove([选择器]) $(a).empty() $(a).replaceAll(b) $(a).replaceWith(b) $(a).after(b) $(a).insertAfter(b) $(a).before(b) $(a).insertBefore(b) |
jQuery 筛选函数
查找
$(a).closest([选择器])
$(a).add(b)
$(a).children([选择器])
$(a).contents()
$(a).find(b)
$(a).siblings([选择器])
$(a).next([选择器])
$(a).nextAll([选择器])
$(a).nextUntil([选择器])
$(a).pre([选择器])
$(a).preAll([选择器])
$(a).preUntil([选择器])
$(a).parent([选择器])
$(a).parents([选择器])
串联
$(a).andslef()
$(a).eq(N)
$(a).filter(expr)
$(a).filter(function(){})
$(a).has([表达式])
$(a).hasClass
$(a).is([表达式])
$(a).addClass(className)
$(a).removeClass(className)
$(a).toggleClass(className)
$(a).toggleClass(className,switch)
$(a).html([str])
$(a).attr(key,value[function(){}])
$(a).attr(key)
$(a).attr(key1:value1,key2:value,......)
$(a).removeAttr(key)
$(a).text([str])
$(a).val([str])
jQuery 数组、对象、字符串操作、浏览器
$.each(a,function(i,n){})
$.grep(a,function(i,n){})
$.inArray(value,a)
$.map(a,function(n){})
$.merge(a,b)
$.toArray($(dom))
$.unique(a)
$.trim(str)
$.browser[.version]
jQuery 测试操作
obj是要测试的对象,返回一个Boolean值
$.isArray(obj)
$.contains(container,contained)
$.isEmptyObject(obj)
$.isPlainObject(obj)
$.isFunction(obj)
jQuery.param 常用在URL
jQuery.param(obj, [traditional])
示例
var params = { width:1680, height:1050 };
var str = jQuery.param(params);
$("#results").text(str);
结果
<div id="results">
width=1680&height=1050
</div>
jQuery 事件
$(document).ready(function(){})在dom加载的时候就会触发动作。当body标签中含有onload时,会忽略ready
$(a).blur(function(){})
$(a).change(function(){})
$(a).click(function(){})
$(a).dblclick(function(){})
$(a).error(function(){})
$(a).focus(function(){})
$(a).focuin(function(){})
$(a).focuout(function(){})
$(a).keydown(function(){})
$(a).keypress(function(){})
$(a).keyup(function(){})
$(a).mousedown(function(){})
$(a).mousemove(function(){})
$(a).mouseup(function(){})
$(a).mouseover(function(){})
$(a).mouseout(function(){})
$(a).resize(function(){})
$(a).scroll(function(){})
$(a).select(function(){})
$(a).submit(function(){})
$(a).unload(function(){})
$(a).bind({e:function(){},e1:function(){},...})
$(a).bind(type,[data],function(){})
$(a).bind(type,[data])
$(a).one(type,function(){})
$(a).hover(function(){},function(){})
$(a).toggle(function(){},function(),.......)
jQuery 选择器
$(":表单类型") 如:$(":button"),查找所有的Button
$("redio:checked") $("input:disabled[/enabled]") $("select option:selectd")
$("父级元素 子级元素") $("父级元素>子级元素") $("pre元素+next元素") $("pre元素~all_after元素")
$(".className") $("#idName") $("Element")
:animate 匹配正在执行动画效果的元素
$("a:eq(number)") 匹配a的第number个元素
$("a:even") 匹配索引值为偶数的a
$("a:odd") 匹配索引值为奇数的a
$("a:first") 匹配找到的第一个元素
$("a:gt(number)") 匹配大于索引值大于number的元素
$("a:lt(number)") 匹配小于索引值大于number的元素
$(":header") 匹配h1、h2之类的标题元素
$("a:last")
$("a:not()") 匹配所有没有给定选择器的a元素
$("a:hidden") $("a:visible") 匹配所有不可见[/可见]的a
$("a:contains(text)") 匹配含有text文本的a元素
$("a:empty") 匹配不包含子元素或文本的元素
$("a:has(b)") 匹配含有b的a元素
$("a:parent") 匹配含有子元素或文本的元素a
$("a[项目名*='值']") //$("input[name*='user']") 匹配所有name中含有"user"的input
$("a[项目名!='值']")
$("a[项目名$='值']") 匹配某项目以特定值结尾的元素a
$("a[项目名^='值']") 匹配某项目以特定值开始的元素a
$("a[项目名='值']")
$("a[项目名]") //$("div[id]") 匹配所有有id属性的div元素
$("a[选择器1][选择器二][...]") 匹配满足多个条件的a元素
$("a b:first-child") //$("ul li:first-child") 匹配ul中的第一个li
$("a b:nth-child(number)")
$("a b:last-child")
$("a b:only-child") //如果b是a中唯一的子元素,则将被匹配
jQUery 核心
$(a).get([number]) 返回包含a的所有元素的数组,number可以是数组的下标
$(document).ready(function(){}) 加载dom是执行方法
$(document).css("样式属性名","样式属性值")
$(formName.elements).hide() 隐藏formName中所有的元素
$(express[,context]) 接受一个包含CSS选择器的字符串,然后用这个字符串去匹配一组数组
//$("div>p") 查找所有div中包含的p元素
//$("input:radio",document.formName) 查找所有formName表单中所有radio的表单项
$("HtmlCode").appendTo(a) 在a元素中插入HtmlCode
$(a).data("name","value") 在a元素上面存取数据
$.data(a,name","value") 在a元素上面存取数据
jQuery 1.4.2中常用动画函数用法
[a为匹配的元素可是HTML的标签名(加引号),也可以是通过id获取到的模块]:
speed为动画显示的时间,可以是毫秒数,也可以是“fast”、“normal”、“slow”三个参数之一
$(a).show(speed,function(){}) 显示a
$(a).hide(speed,function(){}) 隐藏a
$(a).toggle(speed,function(){}) 切换a的显示/隐藏
$(a).fadeIn(speed,function(){}) a元素渐显(透明度+display)
$(a).fadeOut(speed,function(){}) a元素渐显(透明度+display)
$(a).fadeTo(speed,number,function(){}) a元素从不显示到指定的浓度(number*100,number是一个小数)
$(a).show(speed).delay(800).$(a).hide(speed) show和hide之间延迟执
$(btn).click=(function{
$(a).animate({params:'value'},speed)
}); 点击btn后,a在speed毫秒后开始向params:'value'(fontSise:'15em')渐变,一个事件中可以写多条animate语句,不过会按顺序执行,在同一个animate中夜可以写多个params项,这多个会同时执行。