本当にjavascriptに入り、いくつかのパターンを見回しています。私が出くわしたのはモジュールパターンです。それは機能のチャックを考える良い方法のように思われるので、私は先に進んでそれをjQueryで実装しようとしました。しかし、私は引っ掛かりに出くわしました。次のコードを検討してください
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>index</title>
<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var TestClass2 = (function(){
var someDiv;
return {
thisTest: function ()
{
someDiv = document.createElement("div");
$(someDiv).append("#index");
$(someDiv).html("hello");
$(someDiv).addClass("test_class");
}
}
})();
TestClass2.thisTest();
});
</script>
</head>
<body id="index" onload="">
<div id="name">
this is content
</div>
</body>
</html>
上記のコードは、divのhtmlコンテンツにアラートを送信してから、クラスを追加します。これらは両方ともjQueryメソッドを使用します。問題は、.html()メソッドが正常に機能することですが、クラスを追加できません。エラーは発生せず、クラスは追加されません。ここで何が起きてるの?クラスがdivに追加されないのはなぜですか?