您的位置:首页 > Web前端 > JQuery

jquery设置元素的readonly和disabled

2011-08-22 13:55 483 查看
刚开始接触jquery,很多东西不熟悉
在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值
 
后来终于在伟大的百度帮助下,找到了问题的原因:

$("")是一个jquery对象,而不是一个dom element
 
[b]value是dom element的属性[/b]
[b] [/b]
[b][b]jquery与之对应的是val[/b][/b]
[b][b] [/b][/b]
[b][b][b]val() :获得第一个匹配元素的当前值。
[/b][/b][/b]
 
val(val):设置每一个匹配元素的值。
 
 

[b][b] [/b][/b]
[b][b]所以,代码应该这样写:[/b][/b]
[b][b] [/b][/b]

[b][b]取值:val = $("#id")[0].value;[/b][/b]
[b][b]赋值:[/b][/b]
[b][b]$("#id")[0].value =  "new value";

或者$("#id").val("new value");
[/b][/b]
[b][b] [/b][/b]
[b][b]或者这样也可以:val = $("#id").attr("value");[/b][/b]

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下:

 1.readonly

    $('input').attr("readonly","readonly")//将input元素设置为readonly

    $('input').removeAttr("readonly");//去除input元素的readonly属性

  

    if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

 

    对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:

    $('input').attr("readonly",true)//将input元素设置为readonly

    $('input').attr("readonly",false)//去除input元素的readonly属性

 

    $('input').attr("readonly","readonly")//将input元素设置为readonly

    $('input').attr("readonly","")//去除input元素的readonly属性

 2.disabled

 

    $('input').attr("disabled","disabled")//将input元素设置为disabled

    $('input').removeAttr("disabled");//去除input元素的disabled属性

  

    if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

  

  对于为元素设置disabled属性和取消disabled属性的方法还有如下两种:

    $('input').attr("disabled",true)//将input元素设置为disabled

    $('input').attr("disabled",false)//去除input元素的disabled属性

 

    $('input').attr("disabled","disabled")//将input元素设置为disabled

    $('input').attr("disabled","")//去除input元素的disabled属性
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery input api 百度