2019独角兽企业重金招聘Python工程师标准>>>
0、JQuery的基本属性标识:
$(".xxx"):标签的class属性;
$("#xxx"):标签的id属性;
$("xxx"): 标签名,如div;
1、处理滑动的三种方式:
$('div').slideUp(); 改变元素的高度,直至为0,将元素隐藏
$('div').slideDown(); 从0改为css样式中设置的某个值
$('div')。slideToggle(); 如果原来朝上,则向下滑动,否则相反
2、处理淡入淡出效果方式:
$('div').fadeIn();
$('div').fadeOut();
$('div').fadeTo();
$('div').fadeToggle();
给元素增加或者删除css样式
$("#btn1").addClass("样式名"); //直接写样式名,而不需要前面那个 .符号
$("#btn1").removeClass("样式名");
鼠标移入移出事件函数
$("#btn1").hover();
从DOM删除元素
$("xxx").remove();
$("xxx").detach();
3、用append插入消息;用选择器$(this)指示当前元素;
4、后代选择器:$("div div")表示返回一个div元素的所有div子元素,父元素名与子元素名之间有一个空格;
5、遍历处理动作元素:
$(".nav_item").each(function(){
$(this).hide(); //对与选择器匹配的各个元素运行此代码
return false; // 返回false,表示停止执行循环;
});
6、若一个变量需要用来存储JQuery返回的元素,则在该变量前面加上一个美元符:
例如:$f = $(".fish").parent().parent().detach();
jQuery会把这些数据作为一个数组返回。
7、想修改DOM,把一个内容替换成为另一个内容时,就可以使用replaceWith方法,例如:
$("h2").replaceWith("<h1>My Menu</h1>"); //将二级标题替换成为一级标题,可在括号里放入HTML
8、在DOM中插入HTML内容
before 将新内容插入到选择的元素前面:
$(".meat").before("<li>Tofu</li>");
after将新内容插入到选择的元素后面;
9、使用过滤器方法缩小选择范围:
first:所选元素中的第一个元素以外,过滤掉其他元素;
eq:所选元素中索引号等于括号中内容的元素之外;(括号中的为数值)
last:所选元素中最后一个元素以外;
slice:除了索引号中指定索引号之间的元素之外;$(".meat").children().slice(1,3);
filter:除了与括号中的指定选择器匹配的元素之外;$(".meat")..parent().filter(".organic");
not:会过滤掉与括号中指定选择器匹配的元素;$(".meat").not(".local");
10、把一个元素包括在另一个元素之中:
$("img#oreilly").wrap("<a href='http://www.oreilly.com'></a>"); // 把一个ID为oreilly的图像包括在一个锚元素之中;
动画元素:
11、animate方法只适用于使用数值设置的css属性;animate会把当前css属性改为第一个参数中设置的css属性;
$("#my_div").animate({
opacity:0,
width:"200",
height:"800"
},5000); //完成动画需要的时间
12、关闭动画效果:$.fx.off = true;