根据ajax回传的json动态生成dom并追加CSS样式

发布时间：2020-12-16 03:04:42 所属栏目：百科来源：网络整理

导读：模拟一个博客，当自己有多少条博客，就动态生成多少块瀑布样式： 1、先通过jquery方法将json数组字符串转化为对象形式： var tem = $.parseJSON(result); 2、循环遍历json长度，动态生成样式，并追加CSS属性：当追加hover样式时，查阅文档，里面两个函数分

模拟一个博客，当自己有多少条博客，就动态生成多少块瀑布样式：

1、先通过jquery方法将json数组字符串转化为对象形式：

　　var tem = $.parseJSON(result);

2、循环遍历json长度，动态生成样式，并追加CSS属性：

　　当追加hover样式时，查阅文档，里面两个函数分别是鼠标进去以及出去的事件，当只写一个函数，则鼠标进出都实现同样的行为

　　类选择器下使用this确定到具体的模块下：

                $(‘.topInfoThumb p a‘).hover(function(){
                        $(this).css("color","rgba(225,51,102,1)");
                    },function(){
                        $(this).css("color","rgba(125,153,204,1)");
                    }
                );

　　基础html嵌套以及CSS选择范围

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!