jquery对标签添加只读（readonly）或者禁用（disabled）属性

目录
  • 一、jQuery
  • 二、关于readonly属性
  • 三、jquery 设置disabled属性
  • 四、jquery动态添加文本框的readonly只读属性

一、jQuery

  • jQuery 是一个 JavaScript 库。
  • jQuery 极大地简化了 JavaScript 编程。
  • jQuery 很容易学习。

实例：

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});

源码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>

运行结果：

上图运行结果只要点击文字就会消失，感兴趣的小伙伴可以下去试一下

二、关于readonly属性

例1、jquery 设置readonly属性

$('input').attr("readonly","readonly") //将input元素设置为readonly
$('input').removeAttr("readonly"); //去除input元素的readonly属性
  
if($('input').attr("readonly") == true)//判断input元素是否已经设置了readonly属性

例2、对于为元素设置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属性

三、jquery 设置disabled属性

例1、jquery 设置disabled属性

$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').removeAttr("disabled");//去除input元素的disabled属性
  
if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

例2、对于为元素设置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动态添加文本框的readonly只读属性

<input id="test" type="text"  />
 
 $("#test").attr({"readonly":"readonly"}); //添加readonly属性
 // 或者
 $("#ID").attr({ readonly: 'true' });

 $("#test").removeAttr("readonly");    //去除readonly属性

到此这篇关于jquery对标签添加只读（readonly）或者禁用（disabled）属性的文章就介绍到这了,更多相关jquery对标签添加只读或禁用属性内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

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

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly 复制代码 代码如下: $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly

  • jquery对标签添加只读（readonly）或者禁用（disabled）属性

    jquery对标签添加只读（readonly）或者禁用（disabled）属性

    目录 一.jQuery 二.关于readonly属性 三.jquery 设置disabled属性 四.jquery动态添加文本框的readonly只读属性 一.jQuery jQuery 是一个 JavaScript 库. jQuery 极大地简化了 JavaScript 编程. jQuery 很容易学习. 实例: $(document).ready(function(){   $("p").click(function(){     $(this).hide();   }); });

  • Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

    一.隐藏和显示元素 复制代码 代码如下: $('#button_save_12').css('display', 'none');  // 隐藏按钮$('#button_save_12').css('display', 'display');  // 显示按钮 // 或者采取 复制代码 代码如下: $('#button_save_12').hide();$('#button_save_12').show(); 二.设为禁用,只读 复制代码 代码如下: $('#button_save_12').a

  • jquery批量设置属性readonly和disabled的方法

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly 复制代码 代码如下: $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly

  • jQuery实现标签子元素的添加和赋值方法

    一.在jsp页面中定义<select>标签,如下: <div> <span>科室:</span> <select class="dept-name-show" style="width: 70%;"> </select> </div> 二.编写js语句: <script> $(function () { var dname = $(".dept-name-sho

  • jQuery实现动态添加标签事件

    jQuery实现动态添加标签事件

    本文实例为大家分享了jQuery实现动态添加标签事件的具体代码,供大家参考,具体内容如下 代码: <body> <table id="tableID" border="1" align="center" width="60%"> <tr> <th>用户名</th> <th>密码</th> <th>操作</th> <

  • jQuery给动态添加的元素绑定事件的方法

    本文实例讲述了jQuery给动态添加的元素绑定事件的方法.分享给大家供大家参考.具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这里介绍jQuery中如何给动态添加的元素绑定事件 在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况 例如 <div id="testdiv"> <ul>&l

  • jQuery给元素添加样式的方法详解

    本文实例讲述了jQuery给元素添加样式的方法.分享给大家供大家参考,具体如下: 1.获取和设置样式 $("#tow").attr("class")//获取ID为tow的class属性 $("#two").attr("class","divClass")//设置Id为two的class属性. 2.追加样式 复制代码 代码如下: $("#two").addClass("divCl

  • JQuery为元素添加样式的实现方法

    由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好 为定义好的css样式可以调用元素的css方法添加样式 $("span").css("css属性名","属性值") 如  $("span").css("color","red") 将标签为span的字体都设为红色的 $("#id")  $("span"

  • jquery 删除节点 添加节点 找兄弟节点的简单实现

    $().empty(); //该方法会删除当前节点下的所有子节点,请注意当前节点不会 被删除 $().remove(); //该方法会删除当前节点下的所有子节点,请注意 当前节点会  被删除 $().append('<a>something</a>')  //该方法在当前节点的末尾 添加 这个a标签 $().after('<span style="font-family: Arial, Helvetica, sans-serif;"><a>

  • jquery遍历标签中自定义的属性方法

    在开发中我们有时会对html标签添加属性,如何遍历处理? <ul> <li name="li1" sortid="nav_1">aaaaaaa</li> <li name="li1" sortid="nav_2">bbbbbbb</li> <li name="li1" sortid="nav_3">cccccccc&

  • jQuery实现动态添加节点与遍历节点功能示例

    本文实例讲述了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&quo

  • jQuery实现动态添加、删除按钮及input输入框的方法

    jQuery实现动态添加、删除按钮及input输入框的方法

    本文实例讲述了jQuery实现动态添加.删除按钮及input输入框的方法.分享给大家供大家参考,具体如下: <html> <head> <meta charset="utf-8"> <title>动态创建按钮</title> <script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script> </head>

随机推荐