jQuery函数attr和prop的区别

news/2024/7/11 0:44:01 标签: jquery

相比baiattr,prop是1.6.1才新出来的,两者从中文意思理解,都是获du取/设置属性的zhi方法(attributes和properties)。只是,window或daodocument中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有attributes。prop应运而生了。

attr:
描述: 获取匹配的元素集合中的第一个元素的属性的值。
attr( attributeName )
attributeName
类型: String
要获取的属性名称 .attr()方法只获取第一个匹配元素的属性值。

prop:
描述: 获取匹配的元素集中第一个元素的属性(property)值
prop( propertyName )
propertyName
类型: String
要得到的属性的名称 .prop()方法只获得第一个匹配元素的属性值 。如果元素上没有该属性,或者如果没有匹配的元素。那么该方法会返回undefined值。

下面举个例子:可以用attr替换prop查看效果

<script>
        $(function () {
            //全选

            $("#CheckedAll").click(function () {
                if (this.checked) {//如果当前点击的多选框被选中
                    $('input[type=checkbox][name=items]').prop("checked", true);
                } else {
                    $('input[type=checkbox][name=items]').prop("checked", false);
                }
            });
            //输出值
            $("#send").click(function () {
                var str = "你选中的是:\r\n";
                $('input[type=checkbox][name=items]:checked').each(function () {
                    str += $(this).val() + "\r\n";
                })
                alert(str);
            });
        })
    </script>
    <form>
        你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br />
        <input type="checkbox" name="items" value="足球" />足球
        <input type="checkbox" name="items" value="篮球" />篮球
        <input type="checkbox" name="items" value="羽毛球" />羽毛球
        <input type="checkbox" name="items" value="乒乓球" />乒乓球<br />
        <input type="button" id="send" value="提 交" />
    </form>

http://www.niftyadmin.cn/n/1521089.html

相关文章

超级计算机介绍文档,超级计算机讲解.pptx

超级计算机 super computer;课题内容;什么是超级计算机; 超级计算机是能够执行一般个人电脑无法处理的大资料量与高速运算的电脑。其基本组成组件与个人电脑的概念无太大差异&#xff0c;但规格与性能则强大许多&#xff0c;是一种超大型电子计算机。具有很强的计算和处理数据的…

计算机中丢失qtintf70,qtintf70.dll

qtintf70.dll是系统的重要组成部分&#xff0c;如果您在运行游戏或是软件的时候出现丢失或缺少qtintf70.dll的错误时请不要着急&#xff0c;根本不需要重游戏或是软件&#xff0c;只要按照下面的方法来处理&#xff0c;一定能解决您的问题。(1)文件qtintf70.dll文件到您的桌面上…

jQuery 效果 - stop() 方法

定义和用法 stop() 方法停止当前正在运行的动画。 语法 $(selector).stop(stopAll,goToEnd)参数描述stopAll可选。规定是否停止被选元素的所有加入队列的动画。goToEnd可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。 案例&#xff1a; <!DO…

今天分享一些 js 面试题

一、问&#xff1a;使用 typeof bar “object” 来确定 bar 是否是对象的潜在陷阱是什么&#xff1f;如何避免这个陷阱&#xff1f; 尽管 typeof bar “object” 是检查 bar 是否对象的可靠方法&#xff0c;令人惊讶的是在JavaScript中 null 也被认为是对象&#xff01; 因此…

计算机如何授权访问局域网,局域网权限怎么设置?局域网访问权限设置软件哪个好...

当前&#xff0c;很多企事业单位的局域网都配置了文件服务器&#xff0c;用于共享单位的一些文件供局域网用户访问。同时&#xff0c;员工工作当中形成的劳动成果、重要文件等也常常存储在文件服务器上&#xff0c;便于文件保存、协同工作等需要。这使得&#xff0c;企业局域网…

页面小于640时,切换另一个页面

var qwidscreen.width; if(qwid<640){window.location"http://m.baidu.com"; }

传统动画与计算机动画相同点,传统动画与计算机动画技术.pdf

传统动画与计算机动画技术高 技 术传统动画与计算机动画技术金辅棠、北 京 科教 电 影 制 片 厂 , 动 画 导 演 高级 美 术 师 北 京。动 画 制 , 动 画 引 了 , 至 ,计算机介入 作 后 在 领域 起 一 手绘方法 今在工艺上 几乎 没有 多大改变 从大, ,场革命 这场革命表 现在 两…

js里的那些常见的面试题

嗨喽码农们&#xff1a; 又见面了&#xff0c;继上次分享的面试题&#xff0c;今天再为大家分享一些关于js 那些面试常见的问题。希望对大家有帮助&#xff0c;喜欢的可以点赞收藏起来。 五、小心javascript自动插入分号机制 在《JavaScript语言精粹》这本书里&#xff0c;这个…