Monice Ответов: 1

Как конвертировать javascript в jQuery

<script language= "javascript">
window.addEventListener('load', onDocLoaded, false);

        function onDocLoaded(evt)
 { var element=document.getElementById("tgtP");
element.addEventListener('click', convert, false);}
function convert()
{
   var a=document.getElementById("tgtP").innerText;
   var b="";
   for (i = 0; i < a.length; i++)

   {

          if (a.charCodeAt(i) >= 65 && a.charCodeAt(i) <= 90)

           {

                 b = b + a.charAt(i).toLowerCase();

           }

          else{

                 b = b + a.charAt(i).toUpperCase();

           }

    alert(b);

        }}

    </script>

ZurdoDev

jQuery-это JavaScript, поэтому нет никакой реальной причины конвертировать один в другой, если вы просто не хотите этого.

Где ты застрял?

Sergey Alexandrovich Kryukov

Во-первых, все понятие "конвертировать" является полной бессмыслицей, потому что jQuery-это Javascript.
Если вы просто хотите использовать jQuery, то вопрос заключается в следующем: а что вы пробовали так далеко?
—СА

1 Ответов

Рейтинг:
2

Peter Leow

jQuery-это библиотека JavaScript со многими предварительно встроенными функциями, которые вы можете подключить и использовать, что приводит к "Write Less Do More". Тем не менее, вы должны научиться использовать его. Посещать http://www.w3schools.com/jquery/[^].
Чтобы ответить на ваш вопрос о конверсии:

document.getElementById("tgtP")

выражается как =>
$("#tgtP")

в синтаксисе jQuery. 
innerText

=> 
text();

window.addEventListener('load', onDocLoaded, false)

=>
$(document).ready(function(){
    // to code here
});

Пройдите через учебник, и вы поймете их. Результирующий скрипт в jQuery будет выглядеть следующим образом:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var element = $("#tgtP");
    var a = element.text();
    var b="";
    element.click(function(){
       for (i = 0; i < a.length; i++)
       {
          if (a.charCodeAt(i) >= 65 && a.charCodeAt(i) <= 90)
           {
                 b = b + a.charAt(i).toLowerCase();
           }
          else
           {
                 b = b + a.charAt(i).toUpperCase();
           }
           alert(b);
        }
    });
});
</script>
</head>
<body>
<p id="tgtP">aBc dEf ghIK kl</p>
</body>
</html>