jquery学习资料

今天开始看看jquery类库 这是我接触的第三个类库 之前有ext protype。

1. $("#img")=getElementById("img") 酷似CSS的写法 如下
$("div p"); // 获取div 里面 P 标签
　　$("div.container"); // 获取class为container的div标签
$("div #msg"); // 获取id为msg的div标签
$("table a",context); // 得到context为上下文的table里面所有的连接元素。

2.事件：$(document).ready(function(){ });//onload,
hover(fn1,fn2);//onmouseover = fn1 &onmouseout = fn2
toggle(evenFn,oddFn);//onclick = evenFn || oddFn(单击一次执行第一个方法，再单击执行第二个方法，如此循环)
trigger(eventtype);//eventtype="click","mousemove"..如$("#msg").trigger("click");
bind(eventtype,fn); //为某个事件绑定某个方法 $("#msg").bind("click",function(){});
unbind(eventtype)://反绑定 接触指定的绑定

3.$("div #msg").click //事件机制和html类似
$("div #msg").mousemove
$("div #msg").mouseout
$("div #msg").mouseover //这样能使js代码和html代码完全分离

4.text() text(val)
scrollTop() scrollTop(val)
val() val(val)
html() html(val) //前者未带参数的为返回一个值 后者带参数的为把值设置为val

5.js操作css
$("#msg").css("background"); //返回元素的背景颜色
$("#msg").css("background","#ccc") //设定元素背景为灰色
$("#msg").height(300); $("#msg").width("200"); //设定宽高
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式
$("#msg").addClass("select"); //为元素增加名称为select的class
$("#msg").removeClass("select"); //删除元素名称为select的class
$("#msg").toggleClass("select"); //如果存在（不存在）就删除（添加）名称为select的class

6.实用方法：
$.browser.浏览器类型：检测浏览器类型。有效参数：safari, opera, msie, mozilla。如检测是否ie：$.browser.isie，是ie浏览器则返回true。
$.each(obj, fn)：通用的迭代函数。可用于近似地迭代对象和数组（代替循环）。