使用jquery和modernizr插入html

Question

对现代和jQuery来说是个新手，但根据我所见过的例子，我认为这是可行的。加载了jQuery脚本，这在页面的下部：

<div id="demo></div>
<script>
(function() {
    if (Modernizr.mq('only screen and (min-width: 500px)')) {
        $('div.demo').html('test');
    }
});
</script>

那么我到底错过了什么呢？谢谢。

Answer 1

尝尝这个

<script>
$(function() {
if (Modernizr.mq('only screen and (min-width: 500px)')) {
$('div#demo').html('test');
  }
});
</script>

Answer 2

我认为你需要：

$('div#demo')

#表示ID。

.表示一个类。

Answer 3

您的jQuery代码缺少$，应该是：

$(function()

以及为div指定id，因此需要使用#而不是.

$('div#demo')