• 技术文章 >web前端 >js教程

    jquery中的prop()方法怎么用

    王林王林2020-11-30 14:56:57原创1491

    jquery中的prop()方法的用法:如果要返回属性的值,使用方法【$(selector).prop(property)】,如果要设置属性和值,使用方法【$(selector).prop(property,value)】。

    本教程操作环境:windows10系统、jquery2.2.4版本,该方法适用于所有品牌电脑。

    jquery中的prop()方法的用法:

    prop()方法设置或返回被选元素的属性和值。

    (学习视频分享:javascript视频教程

    当该方法用于返回属性值时,则返回第一个匹配元素的值。

    当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

    语法:

    返回属性的值:

    $(selector).prop(property)

    设置属性和值:

    $(selector).prop(property,value)

    使用函数设置属性和值:

    $(selector).prop(property,function(index,currentvalue))

    设置多个属性和值:

    $(selector).prop({property:value, property:value,...})

    属性值:

    index - 检索集合中元素的 index 位置。

    currentvalue - 检索被选元素的当前属性值。

    示例:

    添加并移除名为 "color" 的属性:

    $("button").click(function(){
        var $x = $("div");
        $x.prop("color","FF0000");
        $x.append("The color 属性: " + $x.prop("color"));
        $x.removeProp("color");});

    相关推荐:js教程

    以上就是jquery中的prop()方法怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery prop
    上一篇:jquery怎么判断值是否在数组中 下一篇:什么时候使用vuex
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery中prop什么意思• PHP 7.4中的类型属性(Typed Properties)• 浅谈vue.js中的Props(单向数据流)• react中state和props的区别有哪些?
    1/1

    PHP中文网