如何用JS给循环出来的第一个div添加一个class参数

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $(".news-post:eq(0)").addClass('default-size')

})

</script>

用jquery吧，假如已经引入过的话就不用加上百度的jq了，没有的话直接复制就能用了

window.onload = function(){

    var lis = document.getElementsByTagName("li")

    for (var i = 0 i < lis.length i++) {

        lis[i].className = String(i).length > 1 ? i : "0" + i

    }

}

 

jquery:

 

jQuery(function($){

    $("li").each(function(i, domEle){

        $(this).addClass(String(i).length > 1 ? i : "0" + i)

    })

})

1、首先在html中布局好两个按钮和一个div，如下图所示。

2、接着编写添加class的方法，如下图所示，通过classList中的add。

3、运行页面以后看到如下图所示的界面。

4、点击添加class按钮就可以看到div中多了样式。

5、接下来在编写移除class样式即可。

---