Eric @ EricBess WebHome

jQuery has a very powerful engine selector, to provide a complete selector syntax, we have chosen to allow almost all elements of the portfolio. jQuery selector of the syntax and CSS3 is mainly based on the XPath, and CSS3 understand XPath more use of the more significant when jQuery handy. CSS and related XPath, see the following links:

• CSS 1
• CSS 2
• CSS 3
• xPath

It is worth noting that, CSS3 does not get all the current browser support, so we rarely use it. However, we can still use jQuery choice CSS3 elements, as jQuery have their own custom selector engine, and the realization of the CSS3 support.

JQuery selector would like to know more information, visit the official jQuery documentation relating to Selector. Now, the original official documents on the basis of a few simple translation and notes.

1. CSS selector (CSS Selectors)

jQuery full support for CSS 1-3, and it can be (selector) expression, adding custom CSS-like (and xPath).

Target

Using an AJAX (or AHAH) technology designed page, without leaving the visitors will be able to see in the (x) HTML page editorial content.

Program

Click on the need to edit the text, changing with a cancel button and save the textarea. To amend the part of the AHAH will be sent to a server-side PHP script file to update the database (MySQL or ordinary paper).

Demonstration

AJAX-style click-to-change demonstration
In this first demonstration, I used an id for "editinplace" the div element. When the mouse across here, the background color will be light yellow. Click on the text of some of the DOM will start operation, div elements have been replaced by a textarea elements - contained within the original text.
Click the Save button to the server-side PHP scripts to send a new HTML document, and re-exports received a new text (by $ _POST).
In real-world environments, you should also add a safety testing before they are able to update the database and return the updated page content, colleagues informed the successful implementation of jQuery.

DEMO

The familiar opening

Tell jQuery "as fast as possible to find the object that contains all of 'styleswitch' elements, and they were in when a mouse click functions."
Looks good. When the mouse clicks in advance of the specified element, switchStylestyle function will be called. From now on, the focus is.

$ ( 'link [@ rel *= style]'). each (function (i) (

What these words mean?
JQuery to find the author of John Resig, to his advice. He gave me a direct jQuery website address of the page, on which a number of jQuery advanced features (xpath), can be used to find and operate a number of elements of the page. If you read these things you will be able to understand the mysterious code phrase above, the meaning is to tell jQuery "to find with all the rel attribute values and attributes included in the string 'style' link elements of the link."

[html code = 'y']

Slide Panel

[/ html]

Original Author: Akash Mehta
Original Address: http://www.sitepoint.com/article/ajax- jquery
Translation: Linghu onions

Ajax change in the web application, and brought an unprecedented desktop applications other than shock. However, those behind the propaganda and we should be aware that, in fact, ajax is - (X) HTML, Javascript, and XML, nothing new. In this course, I will show you how to make simple to add to your ajax Applications, and teach you how to use a popular javascript library Jquey for ajax development.

1. What is ajax

You may have heard of before ajax, or at least used ajax applications - such as Gmail. In short, ajax is the use of asynchronous javascript to handle the data, rather than overloading the entire page at once. SitePoint have a course on a good introduction to Ajax. In addition, ajax word from Jesse James Garrett's well-known in this article.

Unfortunately, ajax on the practice of in-depth tutorials can be said that very few, and ajax is used in XMLHttpRequest for the novice category pages developed by people much more difficult. Fortunately, however, a large number of javascript libraries have emerged one after another For the realization of ajax to provide a simple way. Today, we take into account the Jquery is one of them.

2. What is JQuery

Jquery is a mature Javascript Library, which provides many other features of the library does not. Of course, have to admit, it's 19K, did not want to moo.fx only 3KB of light. You can http://www.sitepoint.com / article / javascript-library for many here see the javascript library performance, as well as other comparative figures.

  Translator: eric.wang posted please reference: http://ericbess.com Original: http://anthologyoi.com/awp/ajaxd-wordpress-readme 

AJAX WordPress comprehensive package: WP AJAXed [load]

The basic description

The installation of AWP

1. Download AWP.
2. Decompression and AWP upload to your wordpress plugin folder (/ wp-content/plugins /).
3. Start plug-in.
4. If you're using WordPress 2.1, and plans to use jquery.js you must download jquery.js upload files jquery.js to wp-includes/js folder.

Embedded page to display

Into the management panel presentation, to ensure that the "Inline Posts" is active, into the "POST" label. Check the "Simple Posts", Save.

To display embedded comments

The theme of the opens your index.php (may be page, single)
Replacement: <? Php comments_template ();?> With:

<? php do_action ( 'awp_commentform_link');?> (message box)
<? php do_action ( 'awp_commentform');?>
<? php do_action ( 'awp_comments_link');?> (content of the message)
<? php do_action ( 'awp_comments');?>

Nested inside page

Marked by <!-Embed = XXX-> XXX is nested log ID.

High-end

To be continued ..