jquery如何给原素提升基础属性

lxf2023-03-16 13:43:01

jquery给原素提升基础属性的办法:1、运用“$(原素)”句子获得特定元素目标;2、运用attr()方式给获得过的原素添加属性合值,词法为“原素目标.attr(attribute,value)”。

jquery如何给原素提升基础属性

实例教程作业环境:windows7系统软件、jquery1.10.0版本号、Dell G3计算机。

jquery如何给原素提升基础属性

在jQuery中可以借助attr()方式给原素提升基础属性,attr() 方式设定或回到被选元素基础属性。依据此方法不一样的参数,其工作模式也略有不同。回到被选元素基础属性。

此方法的语法结构为:

$(selector).attr(attribute,value)

attribute明确了要获得其系数的特性。

下边我们可以通过实例来看一下如何给原素提升基础属性,实例如下所示:

大家在html里添加一个div,该div仅有class属性。随后添加一个按键,用于开启添加属性事件。然后在html里引进jquery脚本制作。之后在script里添加一个function,按键事件函数公式。

函数公式非常简单,应用jquery的 attr方式来设定特性就可以了,主要参数第一个一定要使用的属性名,第二个就是属性值。接下来我们为div添加一个id特性。

<body>
    <div class="">
        <div class="jqyery">
            提升特性
        </div>
    </div>
    <div class="action">
        <input type="button" id="btn" value="设定特性" onlick="setAttr()" class="btn btn-primary" />
    </div>
    <scripr>
        function setAttr(){
            $(".jquery").attr("id","bd");
        }
    </scripr>
</body>

运作网页页面后,从网页页面源码里看,这一div目前是并没有id属性。

jquery如何给原素提升基础属性

点一下页面中的按键,触发事件,为div加上id特性。

点一下后,再看一下源码,能够看见已成功为div加了一个id特性了。

jquery如何给原素提升基础属性

有关视频教学强烈推荐:jQuery视频教学

以上就是关于jquery如何给原素提升基础属性的具体内容,大量欢迎关注AdminJS其他类似文章!