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对象

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值