关于jquery入门刚学会的几个使用方法

1.导入jQuery文件是要注意位置  以及src中路径的写入方式(最好将包和文件放一个目录下)

2.<script>标签中最好加入属性  type:text/javascript(我也不是很理解)

3.网页加载(保证一些对象加载)

为了能够保证操作的模块或对象在js代码之前就加载了，我们不得不把js代码放在页面的底端。但是我们在设计页面的时候，为了把js代码放在一起，或者一个让页面更加简洁的位置，那就有可能出现代码中操作的对象未被加载的情况.

使用$(document).ready(function(e){

})  等同于js中的window.οnlοad=function(){}

利用jQuery创建标签 $("<div>",{

id："div1"，//若后面还有属性必须以逗号结尾 且属性值要加引号

click：function(){

}})

4jquery的效果

4.1隐藏/显示

hide()和show()函数  toggle()

$("div1").hide()隐藏了id为div1的div的内容   toggle()可以在hide和show切换   函数里也可以带数字表示效果时间

4.2淡入淡出

 fadeIn()  fadeOut() fadeToggle()     里面可以带参数  时间单位为毫秒

$("div1").fadeIn(2000 slow)

注意：还有一个fadeTo()可以渐变为透明度  里面接0~1的数字 和渐变时间

4.3滑动

slideDown()向下  slideUp()向上 slideToggle()

$("#div1").slideDown()向下滑动   同样的可以带时间表示

4.4动画

animate()

animate({这里是属性},时间)

例子 $("#div1").animate({height:'200px',width:'200px',background-color:'pink'})注意：多个属性之间在大括号中一般用,逗号隔开  且属性值加引号 除非在style中

注意(当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。

可以对animate()属性值使用相对值（width:"+=100px"）或者预定义的值(hide show toggle)

4.5停止

stop()

用于停止效果的进行 包括slideDown animate

$("div1").stop()

4.6chaining链接

可以同时对同个对象进行多次调用

$("div1").animate({height:'200px',width:'200px'}).animate({font-size:'13px'})注意；是有先后顺序的