- class操作
// 添加一个类 $("li").addClass("basic"); //移除一个类 $("li").removeClass("bigger"); //判断类,返回boolean类型 $("li").hasClass("bigger"); //判断li有没有basic类,如果有,就移除他,如果没有,添加他 //toggle $("li").toggleClass("basic");
- 属性操作
//设置单个属性
//attr(name, value)
//$("img").attr("alt", "图破了");
//$("img").attr("title", "错错错错");
//设置多个属性
/*$("img").attr({
alt:"图破了",
title:"错错错",
aa:"bb"
})*/
- prop方法
//对于布尔类型的属性,不要attr方法,应该用prop方法 prop用法跟attr方法一样。
$(function () {
$("input").eq(0).click(function () {
$("#ck").prop("checked", true);
});
$("input").eq(1).click(function () {
$("#ck").prop("checked", false);
});
});
小结:
//1. 操作样式 (5)
//1.1 css操作
//设置单个样式
//设置多个样式
//获取样式
//1.2 class操作
//addClass(name):添加类
//removeClass(name):移除类
//hasClass(name):判断类
//toggleClass(name):切换
//2. 操作属性(3)
//2.1 attr
//设置单个属性
//设置多个属性
//获取属性
//2.2 prop
//对于布尔类型的属性,disabled,selected,checked,只能用prop
//2.3 removeAttr(name):移除某个属性
//3. 动画 (10)
//3.1 三组基本动画
//show/hide slideDown/slideUp/slideToggle fadeIn/fadeOut/fadeToggle
//3.2 自定义动画
//animate(prop, [speed], [swing/linear], [callback])
//3.3 停止动画
//stop
//4. 操作节点(10)
//4.1 创建节点: $("<span></span>")
//4.2 添加节点 append appendTo prepend prependTo after before
//4.3 清空内容 empty
//4.4 删除节点 remove
//4.5 克隆节点 clone//3. 动画
//show/hide slideDown/slideUp/slideToggle fadeIn/fadeOut/fadeToggle
//animate(prop, [speed], [swing/linear], [callback])
//stop()