jQuery(学习记录)

jQuery：（js工具库）

1.选择器
$(“a”). 引号里与css选择器一致

$(“a”).length 获取选择的数量

var Hrmllelement=$("div")[0];转换jquery到js标签对象var选择器=$(js标签选择器)； 转换js标签对象到jQuery

var a=$("dddd").add($(“div”)).add($(“a”));方法连用

选择器容器添加
var a=$("div").add($(“a”));//定义变量时加入，不能定义变量之后加入。例如a.add

遍历
var a= $("div").add($(“a”));
a.each(function(i,o){// i 索引 o每个js对象
alert(o);
});
加载方法
KaTeX parse error: Expected '}', got 'EOF' at end of input: …function(){ 　　("#a").click(function(){
　　　　//adding your code here　　
　　});
});

2.检索（几乎都可以加selector）
上级
parent直系上级
parents（seletor）沿着上级查询，找到符合条件的
$(o).parents(“span”)
兄弟
prev() prevAll()
next() nextAll()
siblings() 查询符合条件的全部兄弟
下级
children(expr) 查找所有的子元素，一层的子元素，直接的孩子节点
find（expr）子孙全部
contents（）查找下面所有的内容，包括节点和文本
3.dom操作
text（text） 获取（无参数）+设置文本（有参数）
html（html脚本）往这标签的内容替换，可以加标签
attr（属性名称，值） 1个参数获取（放属性名）+两个参数设置属性（属性名，值）
prop和attr类似，但是是即时改变，推荐使用
val（值） 无参数获取+有参数设置value属性
css（属性名称，值） 一个参数获取，两个参数设置
$(“o”).css(“color”,“red”);
css（prop对象）
$(“o”).css({color:,“red”,background:“red”});
注意，如果style是带减号的属性，那么就需要用引号将属性名引起来或者去掉减号，减号后面的第一个字母大写
增删改查标签
增加：
1.html（html脚本）往这标签的内容替换，可以加标签
KaTeX parse error: Expected 'EOF', got '#' at position 25: …html("<a href="#̲">dddd</a>"); 可…("").attr(“href”,"#").text(“说分就分”);
$(".aaa").append(a);3.prepentprepend()方法在被选元素的开头（仍位于内部）插入指定内容。删除3.$(",aaa").remove();
清空
4.$(".aaa").empty();

提前加载：
$(function(){//替代window.onload
});

事件：
KaTeX parse error: Expected '}', got 'EOF' at end of input: …ubble=true;//组合(".bb")使用，解决事件冒泡，放在事件最后
});

bind方法：绑定事件（包括未创建的）
$("#color").bind(“change”,"",function(){

4.动画
hide() 和 show() 隐藏和显示 HTML 元素
fadeIn() fadeOut() fadeToggle() fadeTo()淡入淡出效果
slideDown() slideUp() slideToggle()滑动效果
$(".bbb").hide(5000,function(){ //动画时间，回调方法
alert(1);
});
animate() 自定义动画
$(".bbb").animate({width:“50px”,height:“50px”},2000);
5.ajax
$.post(“a.json”,{},function(json){
},“json”);

$.ajax({
type: ‘post’,
url: ‘a.da’,
dataType: ‘json’, 返回对象类型
async:true,
contentType:“application/x-www-form-urlencoded”
‘application/json’ 后台处理json
‘multipart/form-data’ 文件
data:{} 请求参数
success:function(JSON){
//结果处理
}