jquery之attr()和removeAttr() prop的使用场所
2016-03-25 21:12
465 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/yijiak/article/details/50983997
attr方法可以查看属性的对应的值,也可以设置属性的值,可以设置多个属性的值,也可以把函数的返回值作为设置属性的值,但是在
removeAttr()只能移除单个属性的值,里面并不能加上多个参数会默认一处第一个参数,加json数据是不能被识别的。 prop()方法的使用所能获取的属性值很少,async autofocus checked location ( i.e. window.location ) multiple readOnly selected*多用于表单的checked和selected 他的返回值只有true和false
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><script src="../jquery/jquery-2.2.2.min.js"></script><script type="text/javascript">/** 总结:* attr的参数为一个的时候,是获取当前设置属性的值,* 当参数为一个json数组的时候,是设置多个值* 当参数为两个的时候,是添加属性和值,* 当参数含有函数的时候,是把函数的返回值作为添加属性的值*/$(function(){var ss = $("#option1 option:selected");//默认选中的被选中的数据// alert(ss);alert(ss.attr("name"));//可以获取他的name的值var s = {id:'aa','aaa':'aaa'};ss.attr(s);//一次设置多个属性ss.attr('ida','haha');//设置一个熟悉ss.attr('niha',function(){return 'aaa';//通过函数返回值设置属性});ss.removeAttr("id");var propa = ss.prop('name');//undefinedvar propaa = ss.prop('id');//没有任何值/*上面的原因是prop()不能再使用在这种属性之下,* 因为prop()所能使用的属性范围很窄,* async autofocus checked location ( i.e. window.location ) multiple readOnly selected* 多用于表单的checked和selected 他的返回值只有true和false*/alert(propa);})</script><title></title></head><body><input type="text" name="nihao" id="hha" value="se"/><select name="aa" id="option1"><option value="aa" >dada</option><option value="dada" selected name="aaaaa">dada</option><option value="dad">dada</option><option value="dad">dada</option></select></body></html>
相关文章推荐
- Jquery下attr和removeAttr的使用方法
- jquery中attr()和prop()的使用区别
- jQuery的attr与prop使用介绍
- 【七】jquery之属性attr、 removeAttr、prop[全选全不选及反选]
- jQuery中使用attr(), prop(), val()获取value的异同
- JQuery_JQuery的attr与prop使用介绍
- jquery笔记:attr, removeAttr,prop
- 日常问题记录--jquery中HTML元素本身固有属性用prop,自定义的DOM属性,在处理时,使用attr方法
- JQUERY中,复选框使用prop,attr方法时的一些注意
- jQuery使用scrollTop获取div标签的滚动条已滚动高度(jQuery版本1.6+时,用prop()方法代替attr()方法)
- jquery prop的使用介绍及与attr的区别
- jQuery之使用jQuery.fn.prop()替换jQuery.fn.attr()
- jQuery_使用_选择器(prop,attr)
- jQuery中 prop() attr()使用详解
- jQuery之使用jQuery.fn.prop()替换jQuery.fn.attr()
- jquery中radio,CheckBox使用attr和prop的区别
- jquery的removeAttr()的使用
- jquery中attr和prop的使用区别
- jquery 属性操作(attr/removeAttr/prop/val/text)
- jquery prop的使用介绍及与attr的区别