суббота, 5 августа 2017 г.

Основы jQuery. 2. Разбираем синтаксис

index.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>JQ</title>
</head>
<body>
<p class="www"></p>
    <p class="www"></p>
    <p></p>
    <span id="test">Here goes text!</span>
    
    <script src="jquery-3.2.1.js"></script>
    <script>
        <!--   Здесь пишется любой селектор, как в css: $('#content'). Это обернутый набор JQ. -->
        <!-- Через точку применяются методы.  -->
        <!-- $ - короткая функция JQ  -->
        $('p').html('!'); <!-- Вставляет во все абзацы восклицательный знак. В JS для этого пришлось бы писать цикл.  -->
        
        $('.www').html('?');
        
        <!-- Можно, как записывать, так и считывать содержимое. Считаем абзац. При считывании не указываются параметры. -->
        alert($('#test').html()); <!-- Выводит:  Here goes text! -->
        
    </script>
</body>
</html>

Комментариев нет:

Отправить комментарий