微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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选择范围

分享图片

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐