jqurey(尺寸,css操作,效果,遍历)
作者:互联网
尺寸:
height():设置或返回元素的高度(不包括内边距、边框或外边距)。
width():设置或返回元素的宽度(不包括内边距、边框或外边距)。
例如:
$("#box").height("500px").width("500px");
css操作:
设置样式:
单个样式:
$("p").css("background-color","yellow");
多个样式:
$("p").css({"background-color":"yellow","font-size":"200%"});
效果:
隐藏与显示:hide() 和 show()
淡入淡出:
fadeIn(speed,callback)、fadeOut(speed,callback)、 fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换、fadeTo(speed,opacity,callback)
滑动:
$(selector).slideDown(speed,callback);$(selector).slideUp(speed,callback);$(selector).slideToggle(speed,callback);
jq是链行语言可以在后面无线加.
遍历:
祖先:
1.parent() 方法返回被选元素的直接父元素
2.parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)
3.parentsUntil() 方法返回介于被选元素与括号中元素之间的所有祖先元素。不包含被选元素与括号中选择的元素。
后代:
1.children() 方法返回被选元素的所有直接子元素。
2.find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
同胞:
1.siblings() 方法返回被选元素的所有同胞元素。
2.next() 方法返回被选元素的下一个同胞元素。
3.nextAll() 方法返回被选元素的所有跟随的同胞元素。
4.nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
5.prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似。
过滤:
1.first() 方法返回被选元素的首个元素。
2.last() 方法返回被选元素的最后一个元素。
3.eq() 方法返回被选元素中带有指定索引号的元素。
4.filter() 方法返回符合一定条件的元素。
该方法让您规定一个条件。不符合条件的元素将从选择中移除,符合条件的元素将被返回。
该方法通常用于缩小在被选元素组合中搜索元素的范围。
5.not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。
6.slice() 把匹配元素集合缩减为指定的指数范围的子集。
$('li').slice(2, 4).css('background-color', 'red');
each():每个的意思
$("li").each(function(){ $(this).attr(); })
标签:返回,遍历,speed,元素,callback,jqurey,方法,css 来源: https://www.cnblogs.com/www1842564021/p/11856634.html