我不理解$（“。element”）。typed（）表示法

Question

In the code below, I don't understand how the notation: $(".element").typed() works. I understand that $(".element") refers to the id of a <div> element. However, appending .typed() to it seems to assume that typed() is a method of the class <div>. I don't see how that can be.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="/typed.js" type="text/javascript"></script> 

<script>
$(function(){
    $(".element").typed({
        strings: ["First sentence.", "Second sentence."],
        typeSpeed: 0
    });
});
</script>

Answer 1

#1

$(".element") refers to the id of a element

actually a dot refers to a dom element class. for IDs it's # .

#2

jQuery brought you the jquery objects for dom elements he found with that class and tries to implement on them the function typed() - which isn't a jquery function maybe you mean type() . you probably have a typo or using an external plugin for jquery. update it was pointed out to me that typed is indeed a plugin which i did not see was imported. tnx

read more on jquery and how you use it. what it gives you back and how can you manipulate data received.

https://jquery.com/

Answer 2

It would appear that typed.js is an extension of jquery. This link provides an excellent discussion on the topic.

https://learn.jquery.com/plugins/basic-plugin-creation/

Thanks one and all!