JQuery的常用代码

jquery 获取元素属性 
$("div").prop("class")
$("div").attr("index");

获取元素内容
$("input[type="text"]").val()
$("div").text();
$("div").html();
$("div").find(".") //获取所有子节点...
$("div").children("")//获取子节点...
$("div").parents(".") //获取所有父节点...
$("div").parent(".") //获取第一个父节点
$("div").siblings("") //获取兄弟节点...

jq动态创建元素以及添加
$('<li></li>');
$('ul').append(li); //内部后面添加
$('ul').prepend(li) //内部前面添加
$('ul').after(div); //外部后面添加
$('ul').before(div) //外部前面添加

外部添加 是兄弟关系
var div = $('<div>我是一个div</div>');
$('.text').after(div);   //把div添加到div的后面
$('.text').before(div)  //把div添加到div前面


清空ul里面的li 
$("ul").empty();
$('ul').remove(); //自杀

添加css
$(" ").css("color","");
$(" ").css({"color": "","position": ""})

绑定/解绑元素
$("").on("ul","li",() =>{})
$("").off("")

动画：
animate stop就是去除多个动画一起出发时的尴尬
$("div").stop().animate({width:224})

淡出/淡入/修改透明度
$('div').fadeIn();
$('div').fadeOut();
$('div').fadeTo(豪秒,0.5);
显示/隐藏
$('div').hide();
$('div').show();
下滑/上拉
$('div').slideDown();
$('div').slideUp();

遍历元素
$('div').each((i,Document) => {})