jQuery学习笔记

一、Jquery的配置
1.在页面上引入jquery.js包
2.使用$();表示获取对象
3.选择器
元素、ID选择器
$("p");
$("#test");

层级选择器
$("#test>img");

类样式选择器
$(".content");
$("#test .msg");
属性选择器
$("fom[name='regform']");
$("input[name='uname']");

筛选
 children(ext);匹配子元素集合;
 find(ext);匹配后代元素集合
 parent(ext);匹配父元素
 parents(ext);匹配上级元素集合;
 siblings(ext);匹配同辈元素集合;

 

二、操作内容及属性
1.操作标签属性
 获取属性值：attr(name);
 修改属性值：attr(key,value);
 删除属性：removeAttr(name);

2.操作CSS
 获取格式：css(name);
 修改单个样式：css(name,value);
 修改多个样式：css({key1:value1,key2:value2...});

3.操作类样式：
 添加类样式：addClass(class);
 移除类样式：removeClass(class);

4.内容操作
 获取或者设置内部html内容：html()、html(val);
 获取或者设置对象的值:val()、val(val);(用在表单元素)
 追加内容：append(content);
 删除节点：remove();

三、事件
1.绑定事件
 bind("type",fs);
2.触发事件
 trigger(type);类似提交表单
3.事件委派-绑定活动事件
 live(type,fn);

四、动画效果
1.显示和隐藏
 show();hide();
2.滑动效果
 向上滑动:slideUp();
 向下滑动:slideDown();
3.淡入淡出效果
 淡入效果：fadeIn();
 淡出效果：fadeOut();
4.自定义动画
 自定义动画: animate

五、Ajax请求
1.GET请求
 $.get(url,data,fn);
2.POST请求
 $.post(url,data,fn);