Ерик @ 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 страница редакционното съдържание.

Програма

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

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

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

ДЕМО

Запознат с отварянето

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

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

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

[HTML код = 'ш']

Slide панел

[/ HTML]