首页技术文章正文

jquery框架中prop()方法的用法

更新时间:2022-01-10 来源:黑马程序员 浏览量:

prop()方法


prop()方法用来设置或获取元素固有属性值。元素固有属性是指元素本身自带的属性,如<a>标签的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行代码用于设置<a>标签的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。



猜你喜欢:

Hadoop怎样实现二次排序?

Hadoop有几种运行模式?各种模式都有哪些特性?

Hadoop安装步骤讲解,安装目录的内容和作用是什么?

怎样在hadoop虚拟机上安装和配置JDK?

黑马程序员Python+大数据开发培训课程

分享到:
在线咨询 我要报名
和我们在线交谈!