에릭 @ EricBess WebHome

우리는 포트폴리오의 거의 모든 요소를 허용하도록 선택한 jQuery, 전체 선택기의 구문을 제공하는 매우 강력한 엔진을 선별하고있다. 구문의 선별 및 CSS3 주로 jQuery는 XPath에 기초를 두는 및 CSS3의 사용 XPath를 이해하고 더 이상 쓸모가 중요한 때 jQuery. CSS와 관련하여 XPath, 아래의 링크를 참조 :

• CSS는 한
• CSS는이
• CSS는 3
• xPath

그게 CSS3, 그래서 우리는 거의 사용하지 않는 것을 모두 현재의 브라우저를 지원받을 가치가있다. 그러나 우리는 여전히 jQuery, 그리고 자신들의 정의의 실현은 the CSS3 지원 선택기 엔진이 jQuery 선택 CSS3 요소를 사용할 수있습니다.

JQuery 선택기 더 많은 정보를 알게되고, jQuery 설명서를 선택 관련된 공식 방문하고 싶습니다. 자, 몇 가지 간단한 번역 및 메모의 원본을 바탕으로 공식 문서.

1. CSS를 선별 (CSS를 선별자)

jQuery CSS를 1-3에 대한 전폭적인 지원, 그리고 그것을 (선별) 표현, 사용자 지정을 추가할 수있다는 CSS - (와 XPath)처럼.

대상

, 방문자 (x)를 HTML 페이지에 광고 문안 콘텐츠에 볼 수있을 것이다 페이지를 떠나지 않고 설계 (또는 AHAH) 기술은 AJAX를 사용합니다.

프로그램

텍스트를 수정할 필요성을 클릭, 취소 버튼으로 변경하고 텍스트를 저장합니다. the AHAH의 일부를 개정하려면 서버 - 사이드로 전송됩니다 PHP 스크립트 (MySQL의 또는 일반 용지) 데이터베이스를 업데이 트하는 파일입니다.

시위

-이 AJAX - 스타일을 클릭 - 변경 데모
이 첫 번째 데모에서는 "editinplace"DIV 요소에 대한 ID를 사용합니다. 여기에 걸쳐 때 마우스, 배경 색상을 밝은 노란색이 될 것입니다. 일부는 DOM의 텍스트를 클릭하는 div 요소는 텍스트 요소로 대체되었습니다 - 원래 텍스트 내에 포함된 작업이 시작됩니다.
서버 - 측면으로 저장 버튼을 클릭 PHP 스크립트, 그리고 다시 - 수출은 새로운 HTML 문서를 보내 새 텍스트 ($ _POST)을 받았다.
전에 데이터베이스를 업데이 트하고 업데이트된 페이지 콘텐 트를 반환할 수있다 진짜 - 세계 환경에서는 안전 테스트를 추가해야합니다, 동료 jQuery의 성공적인 구현을 통보했다.

DEMO

익숙한 오프닝

"빨리 그 요소 styleswitch '모두'가 포함된 개체를 찾기 위해 가능한 jQuery 말해, 그들에 마우스 클릭했을 때 작동합니다."
좋은 것 같은데. 때 사전에 지정한 요소의 마우스 클릭, switchStylestyle 함수를 호출하게된다. 지금부터, 초점이다.

$ ( '링크 [REL *= 스타일 @]'). 각 (함수는 (i) (

이 단어가 무슨 뜻이야?
JQuery, 그의 충고를 존 Resig의 저자를 찾아보십시오. 그가 나에게 어떤 jQuery 페이지의 고급 기능 (XPath는)의 숫자를 발견하고 운영할 페이지의 요소의 번호를 사용할 수있는 웹사이트 주소를 직접 jQuery했다. 만약 당신이 위의 의문의 코드 구문을 이해할 수있을 것입니다 이러한 것들을 읽고, 의미를 "모든 REL 가치와 특성을 가진 속성을 찾을 jQuery 말할되는 문자열 '에 포함된 링크의 스타일을'링크 요소."

[html 코드 = 'y'는]

슬라이드 패널

[/ html로]

원래 저자 : 메타 씨는 Akash
원래 주소 : http://www.sitepoint.com/article/ajax- jquery
번역 : Linghu 양파

에이 잭스는 웹 응용 프로그램에서 변경하고 데려온 전례없는 충격 이외의 다른 데스크톱 애플 리케이션. 그러나, 그 선전을 뒤로하고 우리는 그 사실, 아약스이다 - (엑스)는 HTML, 자바 스크립트, 및 XML, 아무것도 새로운합니다.이 과정에서 알고 있어야한다, 나는 아약스에 추가하는 방법을 간단하게하는 방법을 보여줍니다 애플 리케이션 개발을위한 방법을 아약스 인기 Jquey JavaScript 라이브러리를 사용하여 가르친다.

1. 무슨 아약스입니다

전에 아약스, 또는 최소한 AJAX 애플 리케이션 - Gmail과 같은 사용합니다. 짧은 있음, 아약스 비동기 자바 스크립트의 데이터를 처리하기보다는 한 번에 전체 페이지에 과부하를 사용하는 것입니다 당신이 들어있을 수있습니다. SitePoint에서 A 코스가 아약스를 잘 소개하고있습니다. 또한 제시 제임스 가렛의 우물에서, 아약스 단어 -이 문서에 알려져있다.

불행히도,의 관행에 아약스에서 - 깊이있는 자습서가 거의없는, 그리고라고 할 수있다 XMLHttpRequest 초보자 사람들이 훨씬 더 어려운 카테고리 페이지에 의해 개발하는 데 사용됩니다. 다행스럽게도하지만, 자바 스크립트 라이브러리 중 상당수가 또 하나 등장 이후 아약스의 실현을위한 간단한 방법을 제공합니다. 오늘, 우리는 계정에 가져가 Jquery 그들 중 하나이다.

2. 무엇 JQuery입니다

성숙한 Jquery JavaScript 라이브러리, 이는 도서관의 많은 다른 기능을하지 않습니다. 물론, 인정이 제공되면, 19k, 삼킬로바이트 유일의 빛을 moo.fx하고 싶지 않았어. http://www.sitepoint.com 수 / 문서 / javascript에 - 도서관이 많은 이곳뿐만 아니라, 다른 비교 수치는 자바 스크립트 라이브러리의 성능을 볼 수있다.

  역자 : eric.wang 참조 : http://ericbess.com 원본 : http://anthologyoi.com/awp/ajaxd-wordpress-readme 게시하시기 바랍니다 

AJAX를 WordPress의 포괄적인 패키지 : 포스트 AJAXed [로드]

기본 설명

AWP의 설치

1. 다운로드 AWP.
2. 감압 및 AWP하여 WordPress의 플러그인 폴더 (/ wp-content/plugins /)를 업로드할 수있습니다.
3. Plug - in을 시작했다.
4. 만약 당신이 사용하기 2.1 워드 jquery.js 업로드하고 다운로드해야합니다 jquery.js 사용 파일을 jquery.js 계획 wp-includes/js 폴더에있습니다.

임베디드 페이지를 표시할 수

관리 패널 프레 젠 테이션에 "인라인"이 활성화되어, "POST"로 레이블로 게시물을 보장합니다. "단순 확인", 할인 금액 게시물입니다.

임베디드 의견을 표시하려면

당신의 index.php가 열립니다의 테마 (22 페이지, 단일)이 될 수있습니다
교체 : <? PHP를 comments_template ();?> :

<? PHP는 do_action ( 'awp_commentform_link ');?> (메시지 상자)
<? PHP는 do_action ( 'awp_commentform ');?>
<? PHP는 do_action ( 'awp_comments_link ');?> 메시지 (콘텐츠)
<? PHP는 do_action ( 'awp_comments ');?>

페이지 안에 중첩된

에 의해 표시 <! - 임베드 = 엑스 -> 엑스 ID를 기록 중첩이다.

높은 - 끝

계속 ..