jQuery属性操作

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


2)设置:会被修改为行内样式,有则修改,无则添加

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');            //判断复选框选中情况,返回布尔值



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值