2013-12-25 2 views
-1

Я изучаю jQuery и теряю при добавлении изображения. Правильно ли это добавить изображение? Кажется, он не работает. Я также использую последнюю версию JQuery.Это правильный способ добавить изображение?

<!doctype html> 
<html> 
<head> 
<title>Test</title> 
<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<style> 
.newlook { 
    color: red; 
    background-color: green !Important; 
    font-size: 50px; 
    font-family: Corbel; 
} 
</style> 
</head> 
<body> 
<script> 
$(document).ready(function() { 
    // $("p").css('color', 'blue'); 
    $('p').css({ 
     'color' : 'red', 
     'background' : 'pink' 
    }) 

    $('.the_cool').html("THE is cool"); 

    $('p.clicker').click(function() { 
     $('p.clicker').html("Don't click here"); 
     $(this).css("color", "green"); 
    }) 
}); 
</script> 
<p>Hello</p> 
<span class="the_cool"></span> 
<p class="clicker">Click here</p> 

<ul> 
    <li>.hide()</li> 
    <li>.addClass()</li> 
    <li>.toggle()</li> 
    <li>.find()</li> 
</ul> 
    <p class="tryjquery">Try some more!</p> 
    <script> 
     $(document).ready(function() { 
      $('.tryjquery').click(function() { 

       // $("ul").hide(); 
       // $('.tryjquery').addClass("newlook"); 
       // $('ul').toggle(); 
       $('ul').find('li').addClass('newlook').toggle(); 
     }) 
    }); 
    </script> 
    <h2>Click here</h2> 
    <div class="here">Here</div> 
    <script> 
     $(document).ready(function() { 
      $("h2").click(function() { 
      $(this).append("<img src='https://www.google.com/logos/doodles/2013/holiday-series-2013-2-5173241802915840-hp.png'>"); 
     }) 
    }); 
</body> 
</html> 
+6

Кажется работать здесь .. http://jsfiddle.net/RXbn5/ Вы попробуйте отладки/проверить консоль, чтобы увидеть, что идет не так. – PSL

+0

И здесь http://jsfiddle.net/n9nn4/ убедитесь, что вы ссылаетесь на jQuery –

+0

Вы видите какие-либо ошибки? –

ответ

2

Последний сценарий должен быть закрыт, как это:

<script> 
     $(document).ready(function() { 
      $("h2").click(function() { 
      $(this).append("<img src='https://www.google.com/logos/doodles/2013/holiday-series-2013-2-5173241802915840-hp.png'>"); 
     }) 
    }); 
</script> 
Смежные вопросы