jQuery属性操作

原创 2016年08月30日 17:15:12

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



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jquery属性操作

  • 2011年03月29日 16:34
  • 794B
  • 下载

jQuery属性操作之toggleClass()和hasClass()方法的比较

购物车模块是项目中很重要的一部分,用户购买商品交付出了问题,恐怕失去的不仅仅是这几件商品的价值,相信大家可以考虑到事情的严峻。由于公司机制,代码展示部分,希望可以理解哦。 当然,这些粗浅的想法相信大家...

jquery选择器属性和方法的操作

一、jQuery下载 下载地址:http://www.jquery.com/ 目前最新有2.x版本,但是以后工作中尽量使用1.9以下的版本,1.9之后不再支持ie8以下浏览器。 二、强大的选择器 1...

jquery_attr_属性值操作

http://www.w3.org/TR/html4/strict.dtd"> 03_select

JQuery操作对象的属性

通过JQuery去操作前台对象(div,span...)的属性是很常见的事情,本文就简单的介绍几种操作情形。 1):通过属性值去获取对象 2):用JQuery去修改对象的属性值 3)...

jquery 属性操作 attr( ) prop()css( )区别

attr () 和 prop( ) css( )

JQuery之自定义属性、与ashx通信实现数据库操作

function DownLoadDoc(id) { var obj = $("#" + id);//获取a标签绑定的ID值 var cmdValue ...

jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)

jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)...
  • fhd001
  • fhd001
  • 2011年03月31日 00:49
  • 2211

转jQuery获取和操作元素的属性和CSS样式

元素属性和Dom属性  对于下面这样一个标签元素: img id='img' src="1.jpg" alt='1' class="imgs">img>  我们通常将id,sr...

jquery操作属性和类名

attr( name ) 参数:* String 返回值:* Object 取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果第一个匹配元素没有这个...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery属性操作
举报原因:
原因补充:

(最多只允许输入30个字)