jQuery 学习 几种常用方法

2020-05-19 07:35:42易采站长站整理


作用:很简单,就是在匹配的元素中,设置一个样式属性的值。这个个人感觉和上面的addClass(class)有点类似。


slide(),hide(),fadeIn(), fadeout(), slideUp() ,slideDown()


代码:






$(“#btnShow”).bind(“click”,function(event){ $(“#divMsg”).show() });
$(“#btnHide”).bind(“click”,function(evnet){ $(“#divMsg”).hide() });


作用:jQuery中提供的比较常用的几个动态效果的函数。还可以添加参数:show(speed,[callback])以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。


animate(params[,duration[,easing[,callback]]])


作用:制作动画效果用到的函数,功能非常的强大,可以连续使用此函数。


查找筛选


map(callback)


HTML 代码:






Values: 

< INPUT value=John name=name>
< INPUT value=password name=password>
< INPUT value=”< A href=” name=url ? %22 ejohn.org http:>http://ejohn.org/%22/< /A>
< FORM>


jQuery 代码:





< /FORM> 





$(“p”).append( $(“input”).map(function(){
return $(this).val();
}).get().join(“, “) );


结果:






[ John, password, < A href=”http://ejohn.org/%3C/p”>http://ejohn.org/%3C/p< /A>> ]


作用:将一组元素转换成其他数组(不论是否是元素数组)你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用’$.map()’来方便的建立。



find(expr)


HTML 代码:







< SPAN>Hello< /SPAN>, how are you?

jQuery 代码:

$(“p”).find(“span”)
结果: