何江海

导航

JQuery11.4

内容选择器

:contains(text)——匹配包含给定的元素 text:需要查找的字符串

:has(selector)——匹配包含给定元素的元素 selector:需要查找的元素

:empty——匹配什么都不包含的空元素(元素中含空格的不算空元素)

:parent——匹配含有子元素或者文本的元素

 

属性

attr(1,2)——返回或设置选中元素的属性值。(一个参数时:返回选中的属性值,两个参数时:设置选中的属性值。)

prop(1,2)——获取在匹配的元素集中的第一个元素的属性值。(一个参数为当前元素的索引值,第二个参数为原先的属性值。)

 

效果

<div class="div" style="width: 300px; height: 300px; "></div>

show():$("div").show()——显示匹配的元素

hide():$("div").hide()——隐藏匹配的元素

toggle():$("div").toggle()——轮流显示隐藏匹配的元素

滑动

slideDown():$("div").slideDown()——通过向下增大高度变化来动态显示匹配元素(height:300px;)

slideUp():$("div").slideUp()——通过高度向上减小高度变化来动态隐藏匹配元素(height:0px;)

slideToggle():$("div").slideToggle()——通过高度向上减小高度或向下增大高度变化来动态隐藏或显示匹配元素(height:0px  or 300px;)

淡入淡出

fadeIn():$("div").fadeIn()——通过不透明度的变大使匹配元素的淡入效果(opacity:1;)

fadeOut():$("div").fadeOut()——通过不透明度的变小使匹配元素的淡出效果(opacity:0;)

fadeTaggle():$("div").fadeTaggle()——通过不透明度的变小或变大使匹配元素的淡出或淡入效果(opacity:0 or 1;)

自定义

animate():创建自定义动画的函数。

$("div").animate({width: "+=50px",opacity:"0.5"},2000)——设置匹配元素以2秒的速度宽增加50像素,不透明度变为一半

 

stop():停止当前动画。

finish():使正在运行的动画运行完之后停止。

posted on 2021-11-04 18:06  何江海  阅读(77)  评论(0)    收藏  举报