jq attr与prop

约定不等于承诺〃 2021-07-25 01:41 363阅读 0赞

//attr与prop的区别
        /*
         * 1、prop多用在标签的固有属性，布尔值属性。比如：a标签的href，class，selected等。
         * 2、attr多用在自定义属性上。
         * 3、在jquery中如果用attr去获取布尔值属性且该布尔值属性在标签体内没有定义的时候，会返回undefined
         * 4、.removeAttr('属性')和.removeProp('属性');
         */

代码示例:

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    		<title>jquery</title>
    	</head>
    	<body>
    		<select style="font-size: 25px;">
    			<option value="name">科比</option>
    			<option value="name">韦德</option>
    			<option value="name" selected="selected">邓肯</option>
    			<option value="name">吉诺比利</option>
    			<option value="name" selected="selected">艾弗森</option>
    		</select>
    
    <script src="../../../js/jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      $(function(){ 
        //attr与prop的区别
        /* * 1、prop多用在标签的固有属性，布尔值属性。比如：a标签的href，class，selected等。 * 2、attr多用在自定义属性上。 * 3、在jquery中如果用attr去获取布尔值属性且该布尔值属性在标签体内没有定义的时候，会返回undefined */
        $('option').each(function (index, item) { 
           //console.log(index, item.innerHTML);
            //console.log($(this).attr('selected'));//没有定义获取到的是undefined
            console.log($(this).prop('selected'));//4false 1true
        });
      });
    </script>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读

相关 jq 通过attr添加input checked属性失效，改用prop()

一个问题，通过attr添加input的checked属性，radio标签已有checked=checked但是不显示勾选 **解决办法：** //添加的时候用...

野性酷女/ 2024年04月19日 12:39/ 0 赞/ 68 阅读

相关 attr和prop区别

*像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得...

今天药忘吃喽~/ 2024年04月18日 18:45/ 0 赞/ 81 阅读

相关 jQuery之css以及attr与prop的区别

文章目录 CSS attr prop CSS <!DOCTYPE html> <html lang="en

傷城~/ 2023年07月15日 13:09/ 0 赞/ 7 阅读

相关 vue props和attrs

vue3 props 要先声明才能取值，attrs不用声明直接使用（$attrs 包含 class and style attribute） props 不包含事件，

小灰灰/ 2023年01月19日 12:54/ 0 赞/ 27 阅读

相关 attr()和prop()的区别

这篇文章主要介绍了jQuery获取attr()与prop()属性值的方法及区别介绍的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下今天在项目中使用<select

矫情吗；*/ 2022年07月20日 12:30/ 0 赞/ 231 阅读

相关 prop 和 attr的区别

最近踩到一个坑，用`jQuery`的`$('.ipt').attr('checked', true);`来让checkbox变成checked状态，结果发现html上的值是改变

向右看齐/ 2022年07月12日 23:21/ 0 赞/ 201 阅读

相关 jquery的attr和prop

转载两篇文章 1、jquery实现checkbox的全选和全不选 [jquery checkbox 全选反选代码只能执行一遍，第二次就失败][jquery checkbox

ゝ一世哀愁。/ 2022年06月18日 10:46/ 0 赞/ 239 阅读

相关 jQuery中attr()和prop()的区别与使用

API [`attr()`系列][attr] `attr(attributeName)` 读取第一个匹配到的元素的指定属性值。

淩亂°似流年/ 2022年02月26日 10:48/ 0 赞/ 258 阅读

相关 jq中.prop()与attr()的区别

一，定义 prop() 方法设置或返回被选元素的属性和值。prop() 方法应该用于检索属性值 attr() 方法设置或返回被选元素的属性和值。如需检索 HTML 属性，请

偏执的太偏执、/ 2021年12月17日 09:35/ 0 赞/ 180 阅读

相关 jq attr与prop

//attr与prop的区别 / 1、prop多用在标签的固有属性，布尔值属性。比如：a标签的href，class，selected

约定不等于承诺〃/ 2021年07月25日 01:41/ 0 赞/ 364 阅读