jQuery方式操作属性(attribute)
$().attri(属性名称); //获得属性信息值
$().attr(属性名称,值); //设置属性的信息
$().removeAttr(属性名称); //删除属性
$().attr(json对象); //同时为多个属性设置信息值,json对象的键值对就是名称和值
$().attr(属性名称,fn); //通过fn函数执行的return返回值对属性进行赋值
快捷操作
1、class属性操作
$().attr('class',值);
$().attr('class');
$().removeAttr('class属性'); //删除class的属性
具体快捷操作方法:
$().addClass(class属性值); //给class属性追加信息值
$().removeClass(class属性值); //删除class属性中的某个信息值
$().toggleClass(class属性值); //开关效果,有就删除,没有就添加
2、标签包含内容操作
$().html(); //获取节点包含的信息
$().html(内容); //设置节点包含的内容
$().text(); //获得节点包含的“文本字符串信息”内容
$().text(信息) //设置节点包含的内容(有html标签就把“><”符号变为符号实体)
3、CSS样式操作
$().css(name,value); //设置
$().css(name); //获取
$().css(json对象); //同时修改多个css样式
1)复合样式取值要拆分为具体样式,但是赋值时可以设置复合样式
border--------》
border-left-style
border-left-color
border-left-width
3)可以获取行内、内部、外部样式
4、value属性快捷设置
$().attr('value');
$().attr('value',信息值);
$().val(); //获取value的属性值
$().val(信息值); //设置value属性的值
//该val()方法在 复选框、单选按钮、下拉列表 的使用有突出表现
复选框设置默认选中
$(全部的复选框).val([1,3,4]);
则1,3,4的框选中
5、复选框操作
全选、反选、全不选
$().attr('checked',true); //设置复选框选中
$().attr('checked',false); //取消复选框选中
$().attr('checked'); //判断复选框选中情况,返回布尔值
jquery1.6版本便对此做出了修改:
【checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。
也就是说如果checkbox在页面加载完毕是选中的,那么返回的永远都是checked(我的一开始就是没选中)
如果一开始没被选中,则返回的永远是undefined !】
解决方法
$().prop('checked',true); //设置复选框选中
$().prop('checked',false); //取消复选框选中
$().prop('checked'); //判断复选框选中情况,返回布尔值