
[code]

    <script>
        function show_button2(){
            $('#demo').html('<button>Button 2</button>');
        }
    </script>
    
    <button onclick="show_button2();">Button 1</button>
    <div id='demo'></div>
    
[/code]

'Button 1'をクリックして, 下の'Button 2' (`id='demo'`の`<div>`の中に) が出てほしいんです.

でも, 上のコードだと, 'Button 1'をクリックしても, 何も出ないんです.

上記のコードによると, どうしてそのjQueryセレクタ (`$('#demo')`) は効果がないの?

この問題を解決する方法は何ですか?


CC BY-SA 3.0
2016-08-29T14:10:04.240
28560
2016-08-29T23:53:18.443
2016-08-29T21:15:27.473
5044
18639
question
javascript jquery
どうしてこの状況でjQueryセレクタは効果がない?


コメントでもBLUEPIXYさんが仰ってますがjQueryがロードされていない可能性があります。  
下記は質問文のコードそのままですが動作しています。

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    
    <script>
        function show_button2(){
            $('#demo').html('<button>Button 2</button>');
        }
    </script>
    
    <button onclick="show_button2();">Button 1</button>
    <div id='demo'></div>
[/code]


CC BY-SA 3.0
2016-08-29T23:53:18.443
28568
2016-08-29T23:53:18.443
28560
answer