#基本选择器 $("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的指向
原文:https://www.cnblogs.com/sai564/p/12590239.html