jquery常用基本函数字典

jquery常用基本函数

---

普遍选择器

关键字	名称	描述
$(“div”)	元素选择器	选择所有div的标签元素
$(“#div”)	ID选择器	选择id为div的对象,一个
$(“.div”)	类选择器	选择class为div的对象,一或多
$(“div#id2 span”)	层级选择器	选择div里id=’d2’的下的span标签
$(div:first)	第一选择器	选择div标签的第一个元素
$(div:last)	最后选择器	选择div标签的最后一个元素
$(div:odd)	奇数选择器	选择div标签所有奇数元素,从0开始
$(div:even)	偶数选择器	选择div标签所有偶数元素,从0开始,包含0
$(div:hidden)	可见性隐藏选择器	隐藏div可见元素
$(div:visible)	可见性显示选择器	显示div不可见元素
$(div[id=”xxx”])	属性选择器	选择div下id=’xxx’的元素,其余还有!=,不包含xxx,*=,含有xxx,类似like
$(div[id^=”xxx”])	属性选择器	选择div下id以xxx开头的元素，其余还有$=,以xxx结尾的
$(div:input)	表单对象选择器	选择div下所有input标签,其余还有button,radio等
$(div:checked)	表单对象选择器	选择div下被选中的单选框和复选框,其余还有:selected,选中的option,等

---

常见获取值方法

关键字	描述
$(“#xxx”).val();	获取id为xxx标签里面的value属性值
$(“#xxx”).text();	获取id为xxx标签里面包含的元素，不包括子元素标签
$(“#xxx”).html();	获取id为xxx标签里面包含的元素，包括子元素标签

---

css操作

关键字	描述
$(“#xxx”).addClass(“aaa”);	给id为xxx的添加class为aaa的样式
$(“#xxx”).removeClass(“aaa”);	移除id为xxx的class为aaa的样式
$(“#xxx”).toggleClass(“bbb”);	切换成id为xxx的class为bbb的样式
$(“#xxx”).css({“font-size”:”20px”,”color”:”green”});	给id为xxx的添加css样式，一个的话去掉大括号

---

邻居筛选器

关键字	描述
$(“div”).first();	选择div标签的第一个元素，其余还有last(),最后,eq(4),第5个，从0开始
$(“#div”).parent();	选择id=”div”最近的一个父元素,其余还有parents(),选择爷爷以上的所有爸
$(“#div”).children();	选择id=”div”最近的一个子元素，其余还有find(“div”),同上道理，里面必须有参数
$(“#div”).siblings();	选择id=”div”的同级元素，不包含自己，同胞

---

控制属性操作

关键字	描述
$(“#h”).attr(“game”);	获取id为h标签里面属性名为game的值
$(“#h”).attr(“align”,”right”);	替换id为h标签里面属性名为align的值为right
$(“#h”).removeAttr(“align”);	删除id为h标签里面属性名为align的

---

显示隐藏动画效果操作

关键字	描述
$(“#d”).show(1000);	让id为d的标签在1秒内延时显示出来,可把1000去掉,直接显示,以左上为始点展示
$(“#d”).hide(1000);	让id为d的标签在1秒内延时隐藏起来,可把1000去掉,直接隐藏,以左上为终点隐藏
$(“#d”).toggle(1000;)	show和hide之间来回切换,可把1000去掉,直接显隐,以左上为始点终点
$(“#d”).slideUp(1000);	让id为d的标签在1秒内延时向上滑动隐藏起来,可把1000去掉
$(“#d”).slideDown(1000);	让id为d的标签在1秒内延时向下滑动显示起来,可把1000去掉
$(“#d”).slideToggle(1000);	让id为d的标签在1秒内slideUp和slideDown来回切换
$(“#d”).fadeIn(2000);	让id为d的标签在2秒内淡入显示，可把时间去掉
$(“#d”).fadeOut(2000);	让id为d的标签在2秒内淡出隐藏，可把时间去掉
$(“#d”).fadeToggle(2000);	让id为d的标签在2秒内淡入淡出切换
$(“#d1”).fadeTo(1000,0.2);	让id为d1的标签在1秒内透明度变成0.2,数值在0-1
$(“#d1”).animate({left:’100px’},2000);	让id为d1的标签在2秒内向右移动100像素，之后回到起点
$(“#d1”).animate({left:’100px’},2000,function(){alert(“动画演示结束”);});	回调函数，动画2秒结束后弹出弹窗动画演示结束

---

触发事件

关键字	描述
$(“#d1”).click(function(){alert(123);});	单击事件,点击一次id为d1的标签就会弹出123窗口
$(“#d1”).dblclick(function(){alert(123);});	双击事件,连续点两次id为d1的标签就会弹出123窗口
$(“#d1”).keyup(function(){alert(123);});	键盘事件,id为d1的标签键盘输入就会弹出123窗口，常用于文本框
$(“#d1”).mousemove(function(){alert(123);});	鼠标移入事件,id为d1的标签就会弹出123窗口
$(“#d1”).mouseleave(function(){alert(123);});	鼠标移出事件,id为d1的标签就会弹出123窗口
$(“#d1”).focus(function(){alert(123);});	获取焦点事件,常用于文本框,焦点点入框内触发弹窗123
$(“#d1”).blur(function(){alert(123);});	失去焦点事件,常用于文本框,焦点不在框内触发弹窗123
$(“#d1”).change(function(){alert(123);});	改变事件,常用于下拉框等,选择后触发弹窗123
$(“#b”).on(“click”,function(){alert(123);});	类似单击事件

---

ajax(国内有些人叫阿贾克斯)

$.ajax({
                        type : "POST",
                        url : '/xxx/xxx',
                        data : {
                            xxx:"xxx",
                            xxx:"xxx"
                        },
                        beforeSend : function() {
                            alert(123); 
                        },
                        success : function(data) {
                            if (data == "1") {
                                alert('信息提交成功！稍后客服会联系您！');
                            } 
                        },
                        error: function (data) {  
                             alert("失败了");  
                        }  
                    });

关键字	描述
type	提交类型,get,post
url	提交地址
data	数据,json格式
beforeSend	提交到服务器内处理的时候干嘛
success	成功返回,参数为data,默认为String
error	错误的时候
…	其余的还有很多属性,自己百度看看

---

数组等操作

关键字	描述
$.each(a,function(i,n){});	$.each 遍历一个数组,第一个参数是数组 第二个参数是回调函数 i是下标，n是内容
$.unique(a);	出去重复元素,a是数组
$.inArray(9,a);	是否存在,9是否在这个数组内
$.trim(” Hello JQuery “);	去除字符串左右两边的空格
$.parseJSON(s3);	把s3转成JSON对象

其余的没有的大家可以在评论区，我加上去