如何使基本的jQuery工作

时间:2015-09-29 00:59:28

标签: jquery

我已经完成了Codecademy的所有教程,所以我觉得我已经准备好使用jQuery了。然后我去编写自己的代码......什么也没发生。

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    </head>
<body>

<div id="tester">
Hello World
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('tester').click(function() {
        $('tester').fadeOut('slow');
    });
});
</script>

</body>
</html>

3 个答案:

答案 0 :(得分:3)

当你引用一个id时,不要忘记hashtag /井号(#)。

试试这个

#create a corpus:
myCorpus <- Corpus(VectorSource(documents))

#convert to lowercase:
myCorpus <- tm_map(myCorpus, content_transformer(tolower))

#remove punctuation:
myCorpus <- tm_map(myCorpus, removePunctuation)

答案 1 :(得分:2)

你的选择器错了。将$('tester')更改为$('#tester')

$(document).ready(function() {
    $('#tester').click(function() {
        $('#tester').fadeOut('slow');
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tester">
Hello World
</div>

答案 2 :(得分:1)

您必须使用#作为ID,.作为类:

<script type="text/javascript">
$(document).ready(function() {
    $('#tester').click(function() {
        $('#tester').fadeOut('slow');
    });
    $(".myclass").click(function(){
       alert("My class clicked");
    });

});
</script>