http://archive.cnblogs.com/a/2251855/
下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的
下边两种写法没有任何区别 只是少了些代码而已...
-----------------------------------------------------------
<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked="checked" />
--------------------------------------------------------------
jquery判断checked的三种方法:
.attr('checked'): //看版本1.6+返回:"checked"或"undefined"
;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'): //所有版本:true/false//别忘记冒号哦
jquery赋值checked的几种写法:
所有的jquery版本
都可以这样赋值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+
:prop的4种赋值:
// $("#cb1").prop("checked",true
);//很简单就不说了哦
// $("#cb1").prop({checked:true}
); //map键值对
// $("#cb1").prop("checked",function(){
return true;//函数返回true或false
}
);
//记得还有这种哦:$("#cb1").prop("checked","checked"
);
更多参考:http://api.jquery.com/prop/
上代码 大家可以随便测试:(你是懒人么-_-)
jquery1.6以后才支持prop的哦
新建一个text复制内容进去 后缀名改成html
<html>
<head>
<title>测试</title>
<style type="text/css">
</style>
<!--1.62可以修改1.42 1.52 1.7来测试-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//判断checked
// var a=$("#cb1").attr('checked'); //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
// var b=$("#cb1").prop('checked'); //1.6+:true/false
var c=$("#cb1").is(':checked'); //所有版本:true/false
// alert(a);
// alert(b);
alert(c);
//赋值 前两个所有的jquery版本都支持 prop只有jquery1.6+支持
// $("#cb1").attr("checked","checked");//1.5-
// $("#cb1").attr("checked",true);//1.5-
// $("#cb1").prop("checked","checked");//1.6+(整理的时候把这个忘记啦)
// $("#cb1").prop("checked",true);//1.6+
// $("#cb1").prop({checked:true});//1.6+
// $("#cb1").prop("checked",function(){
// return true;//1.6+
// });
})();
</script>
</head>
<body>
<!--赋值的时候记得去掉checked-->
<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked="checked"/>
</body>
</html>
分享到：
相关推荐
### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述： 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中，`checked`属性通常用在单选按钮（radio）和复...
然而，在jQuery 1.6版本之后，对于可变属性（如`checked`、`selected`、`disabled`等），推荐使用`.prop()`代替`.attr()`。 3. 使用`.attr()` 的反向操作： ```javascript $("#ISOK1").removeAttr("checked"); `...
1. **属性选择器增强**：jQuery 1.6 引入了更精确的属性选择器，如 `[attr=value]`，可以区分属性值的赋值方式，比如 `checked`、`selected` 和 `disabled` 等。 2. **类操作改进**：`.addClass()`, `.removeClass...
在1.6之前，`attr()`方法同时处理属性和特性，但在1.6之后，`attr()`主要用于设置和获取HTML元素的属性（如id、class等），而`prop()`用于处理DOM元素的特性，比如checked、selected、disabled等状态。 1. `attr()`...
jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本文将深入探讨jQuery的常见问题及其解决方案，帮助开发者更好地理解和应用jQuery。 1. **IE浏览器下的...
jQuery 是一个广泛使用的JavaScript库，它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON的支持、XML解析以及一套强大的选择器系统，使得开发者能够更加高效地选取和操作...
jQuery是一种流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等操作，极大地提高了Web开发的效率。jQuery的核心理念是“写得更少，做得更多”，这使得开发者能够用更简洁的代码实现复杂...
此外，还有专门针对表单元素的过滤器，如`:enabled`, `:disabled`和`:checked`，这使得对表单元素的控制更为便捷。 总之，JQuery通过其简洁的API和强大的功能，大大简化了JavaScript的前端开发工作，使得开发者能够...
`attr()`和`removeAttr()`方法用于添加、修改或删除元素的属性，而`prop()`则用于处理DOM元素的特性，比如`checked`, `selected`, `disabled`等状态。 四、样式操作（CSS） `css()`方法可以用来设置或获取元素的...
例如，`$("#myInput").attr("disabled", true)`会禁用指定ID的输入框，而`$("#myButton").prop("checked", true)`会勾选一个复选按钮。 通过这些基本概念的实践，你可以创建出交互性强且易于维护的网页应用。在实际...
`.attr()`用于处理HTML属性，如`id`或`class`，而`.prop()`则用于处理DOM对象的属性，如`checked`或`disabled`状态。 3. **上下文操作**：在`.find()`方法中，jQuery1.6引入了上下文的概念，允许你在特定的DOM元素...
让我们深入探讨一下jQuery如何帮助开发者轻松地获取和设置表单元素、DOM节点以及其他类型的数据值。 首先，jQuery提供了`val()`函数，这是获取或设置表单元素（如input、textarea或select）值的主要方法。例如，...
这个版本对`attr`和`prop`进行了区分，`attr`主要处理HTML属性，而`prop`则针对DOM元素的属性，如checked、selected、disabled等状态。这种分离使得代码更具有语义化，避免了以前版本中的一些混淆。 `vsdoc`文件是...
:disabled :checked :selected 文档处理 内部插入 append(content|fn) appendTo(content) prepend(content|fn) prependTo(content) 外部插入 after(content|fn) before(content|fn) insertAfter(content...
或者，使用`.prop()`方法，它是专门为布尔属性设计的，如`checked`和`disabled`： ```javascript $("#myInput").prop("disabled", true); // 禁用ID为"myInput"的元素 $("#myInput").prop("disabled", false); // ...
在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果以及Ajax交互等任务。"jquery通用全选并控制操作按钮"这个主题是关于利用jQuery实现一种常见的用户界面功能，即在表格...
Jquery是一个轻量级、高性能的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在Jquery中，我们通常通过选择器选取DOM元素，然后对其执行各种操作。 针对“复选框选中之后按钮才能点击”...
`.prop()` 方法用于处理布尔属性或动态属性，如 `checked` 或 `disabled`。 **4. 内容操作（Content Manipulation）** `.html()`, `.text()`, 和 `.val()` 分别用于获取或设置元素的 HTML 内容、纯文本内容和表单...