关闭

jQuery属性操作

102人阅读 评论(0) 收藏 举报
分类:

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:58368次
    • 积分:1204
    • 等级:
    • 排名:千里之外
    • 原创:61篇
    • 转载:16篇
    • 译文:1篇
    • 评论:6条
    最新评论