我的笔记:JQuery

一、【JQuery的概述】

JQuery：是JS的框架（JS的类库），对传统的JS进行了封装

JS常用的框架：JQuery，EXtJS ,DWR,Prototype

JS的使用：学习语法

图片，广告： //出现 $("#show").show(2000); //向下滑动 $("#show").slideDown(2000); //淡入 $("#show").fadeIn(5000);

    藏起来
    $("#show").hide(2000);
    //向上滑动
    $("#show").slideUp(3000);
    //淡出
    $("#show").fadeOut(5000);

animate():自定义动画toggle():单击切换函数 JQ对象.toggle(fn1,fn2):单击第一下执行fn1，第二下执行fn2

二、【JQuery的选择器】

【基本选择器】

id 选择器：$("#id")类选择器：$(“.类名")元素选择器：$("元素名称")通配符选择器：$("*")并列选择器：$("选择器，选择器，选择器")

【层级选择器】：

后代选择器：使用空格 所有后代包含孙子及以下元素
子元素选择器：使用>  ,第一层的元素（儿子），下一个元素使用：+  ，下一个同辈元素
兄弟选择器：使用~   后面所有的同辈元素

【基本过滤选择器】firstlastnot(selector)evenoddeq(index)gt(index)lt(index)headeranimatedfocus【内容选择器】contains(text)emptyhas(selector)parent【属性选择器】[attribute][attribute = value][attribute != value][attribute ^= value][attribute $= value][attribute *= value]attrSel1[attrSelN]【表单选择器】inputtextpasswordradiocheckboxsubmitimageresetbuttonfilehidden【表单属性选择器】enableddisabledcheckedselected

三、【隔行换色案例】

【JQuery中添加和移除样式】addClass()removeClass()

四、【全选和全不选】

【JQuery对属性的操作方法】

attr():

方法一：$("  ").attr("src");
方法二：$("  ").attr("src",test.jpg);
方法三：$("  ").attr({"src":"test.jpg","width":"100"});

removeAttr():

方法一：$(" ").prop("src");
方法二：$(" ").prop("src",test.jpg);
方法三：$(" ").prop({"src":"test.jpg","width":"100"});

removeProp():addClass():removeClass():

五、【省市联动】

【JQuery对DOM的操作】

常用：append(): 在某个元素后面添加内容appendTo(): 将某一个元素添加到另外一个元素后remove(): 将某个元素移除

【JQuery的遍历】

方式一：$.each(object,functions,function(i,n){

})

方式二：$(" ").each(function(i,n){

})

prop(属性名，值)jq元素.append（）叠加 不会覆盖html 添加 会覆盖