opebet网页版-bet亚洲官网手机版-登录

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

传智教育|传智播客

一样的教育,不一样的品质

全国校区

 

prop()方法获取元素固有属性【web前端】

更新时间:2020年12月31日11时27分 来源:传智教育 浏览次数:

好口碑IT培训

  prop()方法用来设置或获取元素固有属性值。元素固有属性是指元素本身自带的属性,如标签的href属性。具体语法示例如下。

$(selector).prop("属性名")                // 获取属性值
$(selector).prop("属性", "属性值")    // 设置属性值

  下面通过代码演示prop()方法的使用。

   <a href="http://localhost" title="主页"></a>
   <script>
    console.log($("a").prop("href"));    // 输出结果:http://localhost
    $("a").prop("title", "首页");             // 设置title的值为“首页”
   </script>

  在上述代码中,第3行用于获取<a>标签的href属性,输出到控制台中,第4行用于设置标签的title属性,将属性值设为“首页”。

  在开发中,还会经常使用prop('属性')获取表单元素的checked值,示例代码如下。

   <input type="checkbox" checked>
   <script>
    // 获取表单元素的checked值
    $("input").change(function() {
     console.log($(this).prop("checked")); // 复选框选中时,输出结果为true
    });
   </script>

  上述代码中,第1行设置input的type值为checkbox,表示复选框;第4行给input绑定change事件,当表单元素状态发生变化时触发。如果复选框处于选中状态,则输出结果为true,否则输出false。



猜你喜欢:

jQuery框架有什么特点?如何安装jQuery?

jQery网页编程如何使用筛选选择器?

怎样对标签属性进行定位?常用定位方式详解

传智教育web前端培训课程

opebet网页版|bet亚洲官网手机版

XML 地图 | Sitemap 地图