jquery设置元素的readonly和disabled的写法

 更新时间:2013年09月22日 16:59:46   作者:  
Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下,感兴趣的朋友可以练练手了
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 live函数

    JQuery live函数

    给指定id或class的元素绑定(bind)事件时,对于改变或新加的元素,事件不会起作用,这时我们就要用live函数,它可以让子元素继承父元素的事件。
    2010-12-12
  • jQuery powerFloat万能浮动层下拉层插件使用介绍

    jQuery powerFloat万能浮动层下拉层插件使用介绍

    支持hover, click, focus以及无事件触发;支持多达12种位置的定位,出界自动调整;支持页面元素加载,Ajax加载,下拉列表,提示层效果,tip类效果等;可自定义装载容器;内置UI不错的装载容器;支持鼠标跟随等。
    2010-12-12
  • 基于jQuery架构javascript基础体系

    基于jQuery架构javascript基础体系

    jQuery毕竟还只是一个基础的最底层的工具集,封装元素选择器,事件等等,基本上能满足一般的需求,但要从整体的WEB的周度来看,为了提高javascript开发的效率与可重用性,就需要有一个整体的布局
    2011-01-01
  • 使用jquery自定义鼠标样式满足个性需求

    使用jquery自定义鼠标样式满足个性需求

    浏览器是有自带的鼠标样式的,如果某些时候为了保持鼠标样式的统一,或者想指定特定的鼠标样式该怎么办呢?那就要使用自定义了,下面有个不错的示例,喜欢的朋友可以参考下
    2013-11-11
  • 一个简单的jQuery计算器实现了连续计算功能

    一个简单的jQuery计算器实现了连续计算功能

    这篇文章主要介绍了一个简单的jQuery计算器主要实现了连续计算功能,需要的朋友可以参考下
    2014-07-07
  • jquery 提示信息显示后自动消失的具体实现

    jquery 提示信息显示后自动消失的具体实现

    让提示信息显示后自动消失的方法有很多,在本文为大家介绍下使用jquery是如何做到的,感兴趣朋友可以参考下
    2013-12-12
  • getJSON调用后台json数据时函数被调用两次的原因猜想

    getJSON调用后台json数据时函数被调用两次的原因猜想

    近期在做前端开发时候使用到getJSON调用后台json数据,发现后台的函数被调用两次,函数名称为getMessages,下面是本人的一些猜想,感兴趣的朋友可以参考下
    2013-09-09
  • JQuery和HTML5 Canvas实现弹幕效果

    JQuery和HTML5 Canvas实现弹幕效果

    这篇文章主要介绍了JQuery和HTML5 Canvas两种方法实现弹幕效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jquery动态增加删减表格行特效

    jquery动态增加删减表格行特效

    这篇文章主要介绍了jquery动态增加删减表格行特效实现代码,
    2015-11-11
  • jQuery滚动加载图片实现原理

    jQuery滚动加载图片实现原理

    这篇文章主要介绍了jQuery滚动加载图片实现原理,通过四个方面来说明懒加载技术的原理,感兴趣的小伙伴们可以参考一下
    2015-12-12

最新评论