$("selector")支持所有css选择器
$("selector",dom)从指定dom中根据选择器查找元素
$.serialize()获取序列化表单,是url链接类型username=&password=&gender=0&checkbox=aa&checkbox=bb&option=1
- $.serializeArray()获取序列化表单,数组类型[{key:val},...]遍历存到另一个对象里就能转换成json对象
$.attr(key)获取指定dom属性|.attr(key,val)给属性赋值|.attr(key,function)给指定属性赋值,值为第二个参数返回的值,该函数的this对象为$绑定的dom对象
$.removeAttr(key)删除属性
$.addClass(class|fn)添加类名,参数可以是类名,也可以是返回类名的函数
$.remoClass(class|fn)参数如果为函数的话绑定的this对象为当前$绑定的dom对象，所有函数都是这样
$.toggleClass(class|boolean)参数为类名 或者 类名和布尔值,根据布尔值来切换
$.html(val|fn)无参返回html代码,有参插入html代码
$.text(val|fn)同上,不过是插入文本内容
$.wrap(html|fn|element)把集合中所有元素指定元素让一段html包裹起来
$.wrapAll(html|ele)找到集合最上层元素创建父级元素，并将所有集合内的元素都放到该父级元素内
$.wrapInner(html|ele|fn)给集合内所有元素的内部 最上级套上一层父级元素
$.unwrap()将指定元素的父元素删除
$.val(val|fn|arr)无参获取value值,数组为参数是为了给select/checkbox赋值
$.css(key)|.css(keyArr)|.css(key,val)|.css(map)获取css样式值或者设置样式
$.offset({top:left}|function(index,{top:left}(oldPos)){})无参获取相对视口坐标,有参设置相对位置
$.scrollTop(val)设置相对滚动条顶部的偏移
$.scrollLeft(val)设置相对滚动条左边的偏移
$.height(val|fn)设置高度
$.width(val|fn)设置宽度
$.append("Hello"|fn)在当前绑定元素内添加元素
$.appendTo($dom)将当前绑定元素追加到另一个jq元素末尾
$.replaceWith(val|fn)将当前所有绑定元素替换成另一个元素(可以以字符串的dom形式做参数)
$("aa").replaceAll("p")和上面差不多的作用 只是替换对象换了个位置
$.empty()将当前绑定的元素内容全部清空
$.remove()|.remove(selector)删除当前绑定元素 或者 删除绑定元素集合中满足传入的selector规则的元素
$.clone(bool)|.clone(bool|bool)是否克隆当前元素的事件 第二个参数为是否克隆当前元素的子元素
$.eq(num)获取当前jq集合中的第n个元素包装成的jq对象
$.get(num)获取当前jq集合中第n个原生元素,无参则返回所有原生元素。其效果类似于把类数组转换成数组
$.hasClass(class)判断当前jq对象是否含有指定class
$.is(expr("多个选择器用,隔开。一个选择器匹配成功就为true")|element|fn)
$.has("selector")如果有指定选择器的元素 则返回指定元素jq对象
$.filter(selector|fn|"匹配多个选择器用,隔开")过滤元素集合，根据匹配结果生成一个新的集合对象
$.not(selector|fn|element)过滤集合，排除指定元素,反的filter
$.map(fn)返回一个新的集合对象 注意返回的jq对象 需要用.get()变成数组
$.slice(start,[end)返回一个匹配子集的jq集合对象
$.children([expr)返回指定选择器的子元素,无参则返回所有子元素jq对象
$.closest(expr|element)向上匹配直到找到指定元素,适合用于事件委托
$.find(expr|element)向下匹配查找元素
$.next([expr)无参表示下一个元素,指定选择器的话则找到同辈元素中指定的该元素
$.prev([expr)与上一样 不同的是该方法时获取上一个同辈元素
$.siblings([expr)获取所有同辈节点
$.parent([expr)无参表示获取当前集合元素的所有父元素,指定表达式表示筛选所有父元素中匹配的元素
$.parents([expr)参数与上面一样,唯一不同的是上面只会找一级父元素,这个方法会把当前元素的所有层级的父元素全部查找出来
$.add(expr|jqObj|html)将其他元素添加到当前jq对象中 用于拼接多个结果集
$.contents()获取所有子节点 包括文本节点
$.on(event,fn|false)第二个参数可以是回调函数或者是false,false或者函数返回false则阻止该元素冒泡
$.off(event,fn|false)移除当前元素指定的事件,如果无参则移除所有事件,第二个参数如果是和绑定的函数一样时则移除该绑定的函数
$.one(event,fn|false)一次性事件
$.trigger(event,[data)触发绑定的元素某个事件,并传值给事件,可以用来触发自定义事件
$.hover([over,out)传递两个函数分别监听鼠标移到元素上时和移除元素时的事件
$.blur([data,fn)当元素获取焦点时触发data:传入fn的数据,fn回调函数
$.change([data,fn)适用于select和textarea以及input文本框
$.resize([data,fn)修改尺寸时触发
$.scroll([data,fn)滚动当前绑定元素的视口时触发
$.submit([data,fn)提交表单
$.show([speed,[easing,[fn)根据速率和缓动函数显示当前元素
$.hide([speed,[easing,[fn)同上
$.toggle([speed,[easing,[fn)speed:速度,easing:缓动函数,fn:执行完后的回调
$.slideDown([speed,[easing,[fn)其效果与show一样,改变元素高度来显示
$.slideUp([speed,[easing,[fn)与hide一样
$.slideToggle([speed,[easing,[fn)与toggle一样
$.fadeIn([s,[e,[f)|fadeOut|fadeToggle淡入淡出
$.fadeTo([s,opacity,[e,[f)渐变到指定的透明度
$.animate(params,[s,[e,[f)指定一组属性,通过指定的时间,缓动函数执行
$(".i-button.isRed").click(function (e) {
$(".form").animate({
opacity:0
},1000);
});
- $.stop()使当前正在执行的动画停止(显示停止时的效果)
- $.finish()直接结束当前动画(显示最后完成的效果)
- $.delay(time)停顿时长,用于链式操作
$(".form").fadeOut(1000).delay(1000).fadeIn(1000)
- $.extend([deep,target,obj1,...)将一些对象合并到指定对象上,第一个参数是指定是否要深拷贝