jquery常用方法

选择器

#基本选择器
$("p")//选取所有的<p>元素
$("#test")//选取ID为test的元素
$(".test")//选取所有class为test的元素
$("*")//选取所有元素
$("div,p.item")//选取所有<div>和class为item的<p>标签的元素
#层次选择器
$("div span")//选取<div>里的所有的<span>元素
$("div>span")//选取<div>元素下元素名是<span>的子元素
$(".test+div")//选取class为test的下一个<div>兄弟元素
$("#test~div")//选取ID为test的元素后面的所有<div>兄弟元素
#过滤选择器
$("div:first")//选取所有<div>元素中第1个<div>元素
$("div:last")//选取所有<div>元素中最后1个<div>元素
$("input:not(.test)")//选取class不是test的<input>元素
$("input:even")//选取索引是偶数的<input>元素
$("input:odd")//选取索引是奇数的<input>元素
$("input:eq(1)")//选取索引等于1的<input>元素
$("input:gt(1)")//选取索引大于1的<input>元素
$("input:lt(1)")//选取索引小于1的<input>元素
$(":header")//选取网页中所有的<h1>,<h2>,<h3>...
$("div: animated")//选取正在执行动画的<div>元素
#表单选择器
$(":input")//选取所有<input>,<textarea>,<select>和<button>元素
$(":text")//选取所有的单行文本框
$(":password")//选取所有的密码框
$(":radio")//选取所有的单选框
$(":checkbox")//选取所有的复选框
$(":submit")//选取所有的提交按钮
$(":image")//选取所有的图像按钮
$(":button")//选取所有的按钮
$(":file")//选取所有的上传域
$(":hidden")//选取所有不可见元素
$(":reset")//选取所有的重置按钮

取值与赋值操作

$("#id").val();//取value值
$("#id").val("test");//赋值为test
$("#id").text();//相当于取innerText
$("#id").text("test");//相当于赋值test给innerText
$("#id").html();//相当于取innerHTML
$("#id").html("test");//相当于赋值test给innerHTML
$("#id").attr(key,value);//取得或设置匹配元素的属性值
$("#id").height();//取高度值
$("#id").width();//取宽度值
$("#id").css('backgroundColor', 'red');;//设置样式

动画

$("#id").hide();//隐藏
$("#id").show();//显示
$("#id").fadeIn();//淡入
$("#id").fadeOut();//淡出
$("#id").fadeToggle();//淡入淡出切换
$("#id").fadeTo(2000, 0.3);//达到透明度多少
$("#id").slideUp();//向上收缩隐藏
$("#id").slideDown();//向下收缩显示
$("#id").slideToggle();//显示隐藏切换

查找和遍历筛选

$("#id").map(callback);//将一组元素转换成其他数组
$("#id").find(expr);//搜索所有与指定表达式匹配的元素
$("#id").children();//获得匹配元素集合中每个元素的所有子元素
$("#id").parent();//获得当前匹配元素集合中每个元素的祖先元素
$("#id").parents();//获得当前匹配元素集合中每个元素的父元素
$("#id").filter();//将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素
$("#id").not();//从匹配元素集合中删除元素
$("#id").add();//将元素添加到匹配元素的集合中
$("#id").slice();//将匹配元素集合缩减为指定范围的子集
$("#id").siblings();//获得匹配元素集合中所有元素的同辈元素
$("#id").prev() & prevAll();//获得匹配元素集合中每个元素紧邻的前一个/所有同辈元素
$("#id").next() & nextAll();//获得匹配元素集合中每个元素紧邻的一个/所有同辈元素

工具方法

$.each(obj,callback);//遍历对象和数组
$.map();//修改数据
$.grep();//数据筛选,返回一个经过筛选后的数组
$.inArray(value,array);//查找元素的下标
$.merge(array1,array2);//合并两个数组
$.unique(dom);//去除重复DOM元素
$.makeArray(obj);//将类数组对象转换为数组对象
$.trim(str);//去掉字符串起始和结尾的空格
$.contains(dom1,dom2);//dom1节点是否包含dom2节点
$.type();//返回对象的数据类型
$.isArray();//是否为数组。
$.isEmptyObject();//是否为空对象（不含可枚举的属性）。
$.isFunction();//否为函数。
$.isNumeric();//是否为数组。
$.isPlainObject();//是否为使用“{}”或“new Object”生成的对象，而不是浏览器原生提供的对象。
$.isWindow();//是否为window对象。
$.isXMLDoc();//判断一个DOM节点是否处于XML文档之中。
$.param(object);//将对象的键值对转化为URL键值对字符串形式
$.proxy();//调整this的指向