JQuery里属性赋值,取值prop()和attr()方法?

1.赋值的时候

  如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性

推荐prop,即:$(‘input‘).prop(‘checked‘,true);

同时,false表示取消,即:$(‘input‘).prop(‘checked‘,false);

当然attr也行的:$(‘input‘).attr(‘checked‘,‘这里写什么都行的‘);

取消属性就是移除:$(‘input‘).removeAttr(‘checked‘);

2.取值的时候

  如果是<input  id="input1" type="checkbox" checked><input  id="input2" type="checkbox">

推荐使用prop,即:

$(‘#input1‘).prop(‘checked‘); //返回true

$(‘#input2‘).prop(‘checked‘); //返回false

而使用attr,则:

$(‘#input1‘).attr(‘checked‘); //返回checked

$(‘#input2‘).attr(‘checked‘); //返回undefined

3.特殊属性赋值取值

  比如需要在input中追加一个data-tips属性。变成这样子 <input type="text" value="" data-tips="aa">

这时候只能写:$(‘input‘).attr(‘data-tips‘,‘aa‘);

使用prop是不管用的。

但是读值时候,两个都可以的:

$(‘input‘).attr(‘data-tips‘);//返回aa

$(‘input‘).prop(‘data-tips‘);//返回aa

使用属性范围

  prop多运用于selected 和checked属性

时间: 2024-12-19 19:26:17

JQuery里属性赋值,取值prop()和attr()方法?的相关文章

JQuery里input属性赋值,取值prop()和attr()方法?

一.赋值的时候 如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性 推荐prop,即:$('input').prop('checked',true); 同时,false表示取消,即:$('input').prop('checked',false); 当然attr也行的:$('input').attr('checked','这里写什么都行的'); 取消属性就是移除:$('input').removeAttr('checked')

ASP.Net TextBox只读时不能通过后台赋值取值

给页面的TextBox设置ReadOnly="True"时,在后台代码中不能赋值取值,下边几种方法可以避免: 1.不设置ReadOnly,设置onfocus=this.blur() C#代码 <asp:TextBox ID="TextBox1" runat="server" onfocus=this.blur()></asp:TextBox> [c#] view plaincopyprint? <asp:TextBo

第六章类(七)属性3提供属性验证、只读和只写属性、取值和赋值方法的访问修饰符

只记录回忆点 如果为LastName赋了无效的值,代码就会抛出异常.拦截赋值,并通过字段风格的API对参数进行验证,这是属性的优点之一. 一个好的实践是从属性的实现中访问属性的支持字段.换言之,要一直使用属性,不要直接调用字段. 可移除属性的取值方法或赋值方法来改变属性的可访问性. 只有赋值方法的属性是只写属性,这种情况较罕见.C#6.0开始支持只读自动实现的属性. 设计规范 如果属性值不变,要创建只读属性: 不要提供只写属性,也不要让赋值方法的可访问性比取值方法更宽松: 原文地址:https:

jquery data方法取值与js attr取值的区别

<a data-v="3"></a> jquery data方法的运行机制: 第一次查找dom,使用attributes获取到dom节点值,并将其值存到缓存里,第二次操作的时候,还是先找到dom,但是这次取值是直接从缓存读了,少了一步对dom的操作 attr()方法每次都要操作dom,性能上差点儿 $('a').data('v')取到的值是页面初次加载的缓存值,以后如何更改,在页面上都不会改变,但缓存值会变,可以传给i/o请求使用 document.getEle

spring scope 属性的取值

Spring 容器是通过单例模式创建 Bean 对象的,也就是说,默认情况下,通过调用 ac.getBean("mybean")方法获得的对象都是同一个 mybean 对象 使用单例模式有风险,风险在于多线程并发访问时会有一些状况.那么如何取消容器默认单例模式创建对象?14)  修改 applicationContext.xml设置创建 bean 的模式为原型模式(prototype)即可以代码片段<bean id="mybean"lazy-init=&quo

选中没有选中的复选框,匹配含有某个字符串的正则,json取值的两种方法,把变量定义在外面跟里面的区别

一.筛选没有选中的复选框:not("input:checked") 二.匹配有VARCHAR的字符串:".*VARCHAR.*?" 三.json取值的两种方法 var data={ "show_in_list": 1, "enums": [ { "value": "B2B", "key": "1" }, { "value": &

jQuery设计思想之取值和赋值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery给div,Span,赋值取值

jquery给div的innerHTML赋值 $("#id").html()="test"; //或者 $("#id").html("test"); jquery 给span 赋值 $('#hiddenNote').text(‘getSpanValues’); span取值 $('#hiddenNote').text(); 原文地址:https://www.cnblogs.com/zhongzhipeng/p/11375213

探讨:如何更快的赋值取值

背景 显示数据时,常规赋值与取值是这样的. // set $("#name").val(data.name); $("#realname").val(data.realname); $("#address").val(data.address); $("#sex").val(data.name); $("#love").attr(!!data.love); // get var data = { name: