onclick 如何获取当前dom节点

最新推荐文章于 2024-11-06 15:48:04 发布

原创最新推荐文章于 2024-11-06 15:48:04 发布 · 3.3k 阅读

3 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用jQuery操作DOM元素的方法，通过实例演示了如何为DOM元素添加类，展示了jQuery在网页开发中的实用性和灵活性。

<div class="box">
    <span class="literSpan" onclick="changeDiv(this)">图表</span>
</div>

  function changeDiv(obj) {
        //通过class类获取jquery对象，来操作元素属性
        $('.literSpan').parent().addClass('aa');
        //通过传this，在方法中接收$(this)，把dom对象转换jq对象
        $(obj).parent().addClass('aa');

        //不可以用$(this)来获取当前dom节点。
        // this 指的是 window 对象
        // $(this)指的是jq 的 window对象
        $(this).parent().addClass('aa');
    }