jQuery学习（三）：元素设置

样式设置

//1.设置一个样式
//两个参数  设置的样式属性,具体样式
$('li').css('color','red');
//传入对象（设置的样式属性:具体样式）
$('li').css({'color':'red'});

//2.设置多个样式
$('li').css({
	'color':'green',
	'font-size':'20px'
});

类名设置

//1.添加一个类
$('li').addClass('now');
//2.删除一个类
$('li').removeClass('now');
//3.切换一个类  有就删除没有就添加
$('li').toggleClass('now');
//4.匹配一个类  判断是否包含某个类  如果包含返回true否知返回false
$('li').hasClass('now');

属性设置

//1.获取属性
$('li').attr('name');
//2.设置属性
$('li').attr('name','tom');
//3.设置多个属性
$('li').attr({
	'name':'tom',
	'age':'18'
});
//4.删除属性
$('li').removeAttr('name');

prop方法

//对于布尔类型的属性，不要attr方法，应该用prop方法 prop用法跟attr方法一样。
$("#checkbox").prop("checked");
$("#checkbox").prop("checked", true);
$("#checkbox").prop("checked", false);
$("#checkbox").removeProp("checked");