示例jQuery插件无法正常工作

时间:2010-12-28 12:55:19

标签: jquery jquery-plugins

我正在学习JQuery插件,并盯着使用下面创建一个简单的插件,但它不起作用。请告诉我这有什么问题。这个插件将做的是它只显示提到的DOM元素的id。

 <html>
<head>
<script type="text/javascript" src="javascript/jquery-1.4.2.js"></script>

<script type="text/javascript">

//creating my first JQuery plugin

JQuery.fn.myfirstplugin = function()
{
    // which returns some data

    return   this.each(function(){
        alert(this.id);
    });
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>
<script type="text/javascript">
$('div').myfirstplugin();
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

JQuery应为jQuery,区分大小写。

You can test your code with only that fix here