首页 > 代码库 > jquery和show
jquery和show
JQuery语法
1、jQuery("选择器").action();通过选择器调用实践函数,但是jquery中,jque可以用$(“选择器”).action();
① 选择器,可以直接使用css选择器,选中元素
② .action表示对元素执行的操作
2、文档准备就绪:防止文档再完全加载(就绪)之前运行jquery代码
$(document).ready(function(){//jquery代码});
或者简写方式$(function(){});
【文档就绪函数和window.onload的区别】
(1)windo.onload须在网页所有内容加载完成后执行,包括图片音频;而文档就绪函数,只需要在网页DOM结构加载后便执行
(2)windo.onload只能写一个,写多个只会执行最后一个;文档就绪函数,可以写多个也不会覆盖
3、jQuery对象与原生DOM对象互转
① 原生DOM对象转jQuery对象:$(DOM对象);
var p = document.getElementsByTagName("p");
$(p);//转换为jquery对象
② jQuery对象转原生DOM对象:$("#p").get(0) $("#p")[0]
$("#p").get(0).style.color="red";
show()
①不传参:让隐藏的元素直接显示,不进行动画
②传入时间:毫秒
.show()动画执行效果,修改元素的宽度,高度,opcity属性
.hide():让显示效果隐藏,与show相反
.slidedown():让隐藏元素显示,从上往下
.slideup():让隐藏元素显示,从下往上
.slideToggle():让显示隐藏,隐藏的显示
.fadeIn():让隐藏的淡出
.fadeOut()
.fadeToggle():让显示的隐藏,隐藏的显示,淡入淡出
.fadeToggle(时间,透明度,函数):多了透明度,可以指定透明度
.animate(最终的样式属性键对值)
列子 $("p").show(5000,function(){
alert(1)
});
$("p").slideDown(5000,function(){
alert(1)
});
$("p").fadeIn(5000);
jquery和show