【jQuery】jQuery总结

这段时间学习了jQuery，对其基础有了些了解，下面主要说一下入口事件、选择器、事件、动画效果和一些与浏览器相关的宽高问题。

1、使用jQuery的入口事件

第一种

$(function(){
})

第二种

$(document).ready(function(){

});

这俩种方式都可以，第一种是第二种方法的简写

2、选择器

元素选择器

$("元素");
例如：
$("p")；

id选择器

$("#id名");
例如：id为title的
$("#title");

class选择器

$(".类名");
例如：类名为title
$(".title");

3、事件

通过上述方法获取元素，然后进行方法
例如：
一个类名为title的click事件

$(".title").click(functiong(){
});

其他事件同理
一个事件代表的意义
.val()—获得节点的value属性值
.html()—设定某个节点的html内容
.click()—响应鼠标的点击事件
.keyup()—响应键盘弹起的时间
.mouseover()—鼠标进入事件
.mouseout()—鼠标离开事件
$.get()—和服务器进行get方式的交互，注册的callback方法会在数据回来的时候被调用，这个方法会接收到代表服务器端返回数据的一个纯文本的参数
$.post()—和服务器发起post的异步请求。
第一个参数：请求服务器端的地址
第二个参数：发送给服务器端的数据
第三个参数：回调方法
第四个参数：指示服务器端返回的数据类型
get方法只有第二个参数不同

4、动画效果

hide—显示
show—隐藏
参数（slow,normal,fast）—控制完成显示或隐藏需要的时间
运用toggle,可以省去判断是显示还是隐藏的状态，直接隐藏的显示，显示的隐藏
slideDown—向下卷动
slideUp—向上卷动
运用slideToggle,可以省去判断是向下卷动还是向上卷动，直接开的向上卷动，闭的向下卷动
fadeOut—淡出
fadeIn—淡入
setTimeout—延时
clearTimeout—清除延时
z-index—控制元素在页面的层高，值越大就会在页面的层越靠前，也会覆盖z-index值低的元素
postition—relative,absolute
注意：z-index和postition值为relative或absolute一起用才生效
visibility—hidden，元素隐藏，在页面中占空间
display—none，元素隐藏，在页面中不占空间
opacity—可以改变元素的透明度
overflow—设为auto时，内容很多超过定义的宽或高时，显示滚动
animate—可以对left和top值进行一定时间的变化，达到动画效果
dequeue—可以从动画队列的开头移除一个动画效果，并立即执行
typeof—判断变量的数据类型
例如：

typeof str=="sring"

5、与浏览器相关

$(window).width()—获取浏览器可视区的宽
$(window).height()—获取浏览器可视区的高
$(window).scrollLeft()—获取浏览器滚动条的左边界
$(window).scrollTop()—获取浏览器滚动条的上边界
$.browser—判断浏览器的类型（opera，safari，mozilla）
$.browser.version—判断浏览器的版本
例如

$.browser.version.indexOf("8");

插件编写方法

$.fn.myplugin=function(){

}