Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как начать работать с jQuery?
 
 автор: PiperPHP   (19.07.2008 в 17:19)   письмо автору
 
 

Здравствуйте.

Я только начал осваивать jQuery. Все вроде бы понятно. У меня даже книга есть также мануалов прочел кучу. Везде написано, нужно загрузить библиотеку jQuery
<script language='JavaScript' src='jquery.js'> </script> 
и творить свои дела. Вот я пытаюсь сделать -
<html>

<head>
<title>No title</title>
<meta name="generator" content="Namo WebEditor">
</head>
<script language="javascript" src="jquery.js">
</script>
<script language="javascript">
$("Hello").append.To("body");
</script>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<div id="layer1" style="border-width:1; border-style:double; width:131px; height:23px; position:absolute; left:20px; top:57px; z-index:1;">
    <p>&nbsp;</p>
</div>
<p>&nbsp;</p>
</body>

</html>


и ничего не работает.

Подскажите пожалуйсто, что я делаю не так.

Большое спасибо.

   
 
 автор: PAT   (19.07.2008 в 17:23)   письмо автору
 
   для: PiperPHP   (19.07.2008 в 17:19)
 

В той же папке, что и файл (код которого вы привели), должен ещё находиться и файл с именем jquery.js.
Есть он у вас, этот JS-файл? :-)

   
 
 автор: PiperPHP   (19.07.2008 в 17:41)   письмо автору
 
   для: PAT   (19.07.2008 в 17:23)
 

Файл имеется.
К примеру я делаю:

<script language="javascript">
alert($('div'));
</script>

выводит -
|--------------| Alert | --------------|
| |
| [object Object ] |
| |
| [ Ok ] |
|------------------------------------- |


$("Hello").appendTo("body");
не работает

   
 
 автор: AlexSol   (19.07.2008 в 17:59)   письмо автору
 
   для: PiperPHP   (19.07.2008 в 17:41)
 

вы путаетесь манипулировать объектами до их появления.

начинать работать можно по событию ready()

$(document).ready(function(){
$("Hello").appendTo("body");
})

   
 
 автор: PiperPHP   (19.07.2008 в 18:07)   письмо автору
 
   для: AlexSol   (19.07.2008 в 17:59)
 

Скопировал Ваш пример и все равно ничего. Вот мой код (на всякий случай)


<html>

<head>
<title>No title</title>
<meta name="generator" content="Namo WebEditor">
</head>
<script language="javascript" type="text/javascript" src="jquery.js">
</script>
<script language="javascript">
$(document).ready(function(){ 
$("Hello").appendTo("body"); 
})
</script>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<div id="layer1" style="border-width:1; border-style:double; width:131px; height:23px; position:absolute; left:20px; top:57px; z-index:1;">
    <p>&nbsp;</p>
</div>
<p>&nbsp;</p>
</body>

</html>


Опять же, библиотека jQuery загружета. Проверил так- в файл jquery.js написал alert(12); После загрузки моего документа алерт появляется.

   
 
 автор: AlexSol   (19.07.2008 в 22:54)   письмо автору
 
   для: PiperPHP   (19.07.2008 в 18:07)
 

да, немного поспешил.

appendTo(content)
Append all of the matched elements to another

тоесть ищет елемент по указанному селектору узел и помещает его в другой.

<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("p").appendTo("div")
alert($('body').html())
})
</script>
</head>

<body>
<p> параграф</p>
<div>блок</div>

</body>
</html>


а вот append(content) позволяет добавлять просто текст

<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("p").append("123456")
alert($('p').html())
})
</script>
</head>

<body>
<p> параграф</p>

</body>
</html>

   
 
 автор: PiperPHP   (20.07.2008 в 08:44)   письмо автору
 
   для: AlexSol   (19.07.2008 в 22:54)
 

Спасибо! Все работает.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования