JQuery基础汇总

标签：

获取对象：$("#obj");

对象的显示与隐藏：$("#obj").show(); $("#obj").hide();

赋值：$("#obj").val("Hello World!");

添加属性：$("#obj").attr("disabled","disabled");

移除属性：$("#obj").removeAttr("disabled");

attr和prop的区别：attr适用于自定义的DOM属性，而prop则用于元素的固有属性，如:id,value等;

查找元素：方法1：$("#obj").find("option:eq(0)").html();--(以select为例)

　　　　   方法2：$("#Tab").children("tr:eq(1) td:eq(1)").html()；--(以Table 为例)

方法1和方法2的区别：children只能获取当前元素的下级元素，获取不到下下级, 所以方法1获取不到值，而find获取所有的下级元素，所以要想用children达到find的效果，必须使用多次.children(xx)；

选择器：$("#obj").find("option:eq(0)")选择obj对象的第一个<option>元素,index 值从 0 开始;

鼠标进入和退出事件：$("#Tab").hover(”进入时执行的操作“,”退出时执行的操作“);

对象添加与移除CSS样式：$("#obj").addClass("CssStyle"); $("#obj").removeClass("CssStyle");

JQuery遍历：$("#obj").each function(){  //执行操作如：alert($(this).text());}）

切换元素的可用状态：$(“#obj”).toggle(speed,callback,switch);

　　　　如：$(“#Obj”).toggle(0,function(){alert(‘Hello World!‘);},switch);

　　　　第一个参数：0为快速显示或隐藏，数值越大，显示或隐藏越慢；

　　　　第二个参数：显示或隐藏完成后调用的回调方法；

　　　　第三个参数：是否显示或隐藏元素，值为：True/False;

　　　　PS.第一个参数和第三个参数互斥，设置第二个参数必须设置第一个参数；

JQuery基础汇总

标签：

原文地址：http://www.cnblogs.com/sccd/p/5392374.html