文档章节

jQuery中的attr()和prop()使用

CodingNew
 CodingNew
发布于 2016/06/22 00:01
字数 203
阅读 5
收藏 0
总结:除了checked、seleted这样的属性推荐用prop()外,其他的随意都可以。

原因如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="../js/lib/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        function testCheck() {
            var result1 = $("#check").prop("checked"); //结果是true
            var result2 = $("#check").attr("checked"); //结果是checked
            console.info("被选择的情况下" + "result1:" + result1 + "||result2:" + result2);
        }
        function testNoCheck() {
            var result1 = $("#nocheck").prop("checked"); //结果是false
            var result2 = $("#nocheck").attr("checked"); //结果是undefined
            console.info("未有选择的情况下" + "result1:" + result1 + "||result2:" + result2);
        }

        $(function () {
            testCheck();//被选择的情况下result1:true||result2:checked
            testNoCheck();//未有选择的情况下result1:false||result2:undefined
        })
    </script>
</head>
<body>
<input id="check" type="checkbox" value="football" checked="checked">足球
<input id="nocheck" type="checkbox" value="football">篮球
</body>
</html>

说明:

prop()对于seleted返回的是true或者false,更直观。

本文转载自:http://www.cnblogs.com/LiuChunfu/p/4991308.html

CodingNew
粉丝 2
博文 76
码字总数 0
作品 0
成都
私信 提问
奇葩问题——jquery操作checkbox的 checked属性

最近做checkbox,遇到一个奇葩问题,如下: <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="jquery-1.9.1.js"></......

seth_y
2014/04/16
69
0
jQuery 1.6 正式版发布

jQuery 1.6 正式版发布了,重写了 Attribute 模块和大量的性能改进。 新版本中的部分重要改进: attr()、val()和data()方法有了更好的性能; 在attr()方法中支持Boolean属性; 添加了钩子函数...

红薯
2011/05/03
9K
27
jquery版本间兼容性:checkbox选中状态

最近在学习Jquery,发现attr不太好用,从网上搜了下终于知道其原因,记下备查。 以下为以为网友在js贴吧的内容: 以<input type="checkbox" id="all"/>为例子取值的例子 $("#all").attr("ch......

北方攻城师
2014/08/05
260
0
Zepto.js简介(第二章)

接着上章的继续记录。 zepto 特点: 1、体积8kb 2、针对移动端的框架 3、语法同jquery大部分一样,都是$为核心函数 4、目前功能完善的框架体积最小的左右 zepto同jquery不同的API attr同pro...

张靖bibibi
2018/06/22
0
0
JQuery处理checkbox的checked属性正确用法

JQuery处理checkbox选中不选中在各个版本中是不同的。 checkbox在jquery各个版本中操作方式是不同的。总结如下: - 在jquery1.5及其以下的版本中使用 attr("checked") 方法进行操作; - 在j...

夜辰
2015/04/10
375
1

没有更多内容

加载失败,请刷新页面

加载更多

前端技术之:Prisma Demo服务部署过程记录

安装前提条件: 1、已经安装了docker运行环境 2、以下命令执行记录发生在MackBook环境 3、已经安装了PostgreSQL(我使用的是11版本) 4、Node开发运行环境可以正常工作 首先需要通过Node包管...

popgis
今天
5
0
数组和链表

数组 链表 技巧一:掌握链表,想轻松写出正确的链表代码,需要理解指针获引用的含义: 对指针的理解,记住下面的这句话就可以了: 将某个变量赋值给指针,实际上就是将这个变量的地址赋值给指...

code-ortaerc
今天
4
0
栈-链式(c/c++实现)

上次说“栈是在线性表演变而来的,线性表很自由,想往哪里插数据就往哪里插数据,想删哪数据就删哪数据...。但给线性表一些限制呢,就没那么自由了,把线性表的三边封起来就变成了栈,栈只能...

白客C
今天
43
0
Mybatis Plus service

/** * @author beth * @data 2019-10-20 23:34 */@RunWith(SpringRunner.class)@SpringBootTestpublic class ServiceTest { @Autowired private IUserInfoService iUserInfoS......

一个yuanbeth
今天
5
0
php7-internal 7 zval的操作

## 7.7 zval的操作 扩展中经常会用到各种类型的zval,PHP提供了很多宏用于不同类型zval的操作,尽管我们也可以自己操作zval,但这并不是一个好习惯,因为zval有很多其它用途的标识,如果自己...

冻结not
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部