Ерик @ EricBess WebHome

jQuery е един много мощен двигател селектор, за да се осигури пълна селектор синтаксис, ние сме избрани, за да се позволи на почти всички елементи на портфолио. jQuery селектор на синтаксиса и CSS3 се основава главно на XPath, а CSS3 разбирам XPath повече използването на по-значими, когато jQuery полезен. CSS и сродните XPath, вижте следните адреси:

• CSS 1
• CSS 2
• CSS 3
• xPath

Трябва да се отбележи, че CSS3 не получите всички текущата поддръжка на браузъра, така че рядко го използвам. Въпреки това ние все още може да използва jQuery избор CSS3 елементи, като jQuery имат свои собствени селектор на двигателя, както и реализацията на CSS3 подкрепа.

JQuery селектор бихте искали да знаете повече информация посетете официалния jQuery документация, свързана с селектор. Сега, оригиналните официални документи, въз основа на няколко прости превод и бележки.

1. CSS селектор (CSS Selectors)

jQuery пълна подкрепа за CSS 1-3, и не може да бъде (Отказ) изразяване, добавяйки собствени CSS-подобни (и xPath).

Цел

С помощта на AJAX (или AHAH) технология, предназначена страница, без да се оставят посетителите ще могат да разгледат в (X) HTML страница редакционното съдържание.

Програма

Кликнете върху необходимостта за редактиране на текст, промяна с анулира бутон и запишете textarea. За да се измени част от AHAH ще се изпращат на сървър, от страна на PHP скрипт файл за обновяване на базата данни (MySQL или обикновена хартия).

Демонстрация

AJAX в стила на кликване с промяната демонстрация
В тази първа демонстрация, аз бях идентификационен за "editinplace" The div елемент. Когато мишката намира тук, цвета на фона ще бъде светло жълт. Кликнете върху текста на някои от DOM ще започне операцията, div елементи са заменени от textarea елементи - съдържащи се в оригиналния текст.
Кликнете върху бутона Запази със сървъра от страна на PHP скриптове за да изпратите нов HTML документ, и ре-експорта получи нов текст (по $ _POST).
В реалния свят среди, трябва също така да добавите изпитвания за безопасност, преди те да са в състояние да се актуализира базата данни и връща актуализира съдържанието на страницата, колеги информиран успешната реализация на jQuery.

ДЕМО

Познатата отваряне

Кажи jQuery "възможно най-бързо да намерят обект, който ще съдържа всички" styleswitch "елементи, и те бяха, когато мишката щракнете функции."
Изглежда добре. При кликване на мишката по-рано от посочения елемент, switchStylestyle функция ще се обади. От сега нататък, фокусът е.

$ ( 'Връзката [@ rel *= стил]'). Всяка (функция (и) (

Какво да кажа тези думи?
JQuery за намиране на автора на Джон Resig, за да му съвет. Той ми даде директен jQuery уебсайт адреса на страницата, на която броят на jQuery разширените възможности (xpath), може да се използва за намиране и работят редица елементи на страницата. Ако четете тези неща, които ще бъдат в състояние да разбере тайнствения код фраза-горе, е смисъла да ти кажа jQuery ", за да намерите всички rel атрибута ценности и атрибути са включени в низа" в стил "връзката елементи на връзката."

[HTML код = 'ш']

Slide панел

[/ HTML]

Оригинален автор: Akash Mehta
Оригинални Адрес: http://www.sitepoint.com/article/ajax- jquery
Превод: Linghu лук

Ajax промяна на уеб приложението и донесе безпрецедентно настолни приложения, различни от шок. Въпреки това, тези зад пропаганда и трябва да сме наясно, че, всъщност, е AJAX - (X) HTML, JavaScript и XML, нищо ново. В това разбира се, аз ще ви покажа как да направите прости, за да добавите към вашия AJAX Приложения и ви науча как да използвам популярната JavaScript библиотека за AJAX Jquey развитие.

1. Какво е AJAX

Може да сте чули преди AJAX, или по-малко използвани AJAX приложения - например Gmail. Накратко, AJAX е използването на асинхронен JavaScript, за обработка на данни, отколкото претоварване на цялата страница наведнъж. SitePoint имат курс по добро въведение към Ajax. В допълнение, AJAX дума от Джеси Джеймс Гарет на добре познати в тази статия.

За съжаление, AJAX върху практиката на по-задълбочени консултации може да се каже, че много малко, и AJAX се използва в XMLHttpRequest за новак категория страници, разработени от хора много по-трудно. Щастие, обаче, голям брой на JavaScript библиотеки се появиха една след друга За реализация на AJAX да предоставят прост начин. Днес ние се вземе под внимание Jquery е един от тях.

2. Какво е JQuery

Jquery е зрял Javascript библиотека, която предлага много други функции на библиотеката не е така. Разбира се, трябва да призная, че г. 19k, не искам да moo.fx само 3KB на светлината. Можете да http://www.sitepoint.com / Статия / JavaScript библиотека за много видите тук JavaScript библиотеката ефективност, както и други сравнителни данни.

  Преводач: eric.wang публикуван направете справка: http://ericbess.com Оригинал: http://anthologyoi.com/awp/ajaxd-wordpress-readme 

AJAX УърдПрес цялостен пакет: WP AJAXed [зареди]

Основните Описание

Монтирането на AWP

1. Изтегли AWP.
2. Decompression и AWP качите на вашия WordPress папка плъгин (/ wp-content/plugins /).
3. Старт Plug-in.
4. Ако използвате УърдПрес 2.1, и планира да използва jquery.js трябва да изтеглите jquery.js качвате файлове jquery.js да wp-includes/js папка.

Вградената страницата на дисплея

В панела за управление на презентацията, за да се гарантира, че "Вграден пощи" е активен, в "Публикуване" етикет. Проверка на "Прост пощи", Запис.

За да се покажат вградени коментари

Темата на открива своя index.php (може да бъде страницата, еднократна)
Заместване: <? PHP comments_template ();?> с:

<? PHP do_action ( "awp_commentform_link');?> (Message Box)
<? PHP do_action ( "awp_commentform');?>
<? PHP do_action ( "awp_comments_link');?> (съдържанието на съобщението)
<? PHP do_action ( "awp_comments');?>

Вложени страница

Белязана от <!-Вграждане = XXX-> XXX е вложени Дневник ID.

Висок клас

За да се продължи ..