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

    jquery怎样选定元素并修改属性

    长期闲置长期闲置2021-12-01 09:57:42原创658

    jquery选定元素修改属性的方法:1、利用“$(指定元素)”语句获取指定元素对象;2、利用attr()方法来修改已获取到元素对象的属性 ,语法为“元素对象.attr(attribute,value)”。

    本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎样选定元素并修改属性

    我们可以通过attr()方法来修改元素的属性,attr() 方法设置或返回被选元素的属性值。

    根据该方法不同的参数,其工作方式也有所差异。语法为:

    $(selector).attr(attribute,value)

    下面我们通过示例来看一下怎样选中元素并且修改其属性值,示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $(".hang").attr("height","180");
      });
    });
    </script>
    </head>
    <body>
    <button>设置指定元素的height属性</button>
    <table border="1">
      <tr class="hang">
        <th>Month</th>
      </tr>
      <tr>
        <td>January</td>
      </tr>
        <tr>
        <th>Month</th>
      </tr>
      <tr>
        <td>January</td>
      </tr>
    </table>
    </body>
    </html>

    输出结果:

    a002.gif

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎样选定元素并修改属性的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎样修改某一行的值 下一篇:怎么用jquery实现省市区联动
    php培训_php实战培训【立即报名】-php中文网第20期

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery怎么去除input值的空格• jquery怎么给某个类元素增加点击事件• jquery是javascript吗• jquery怎么查询有几个数组元素• jquery怎样清除子元素
    1/1

    PHP中文网