- ホーム
- > 洋書
- > 英文書
- > Computer / Languages
Full Description
Get started fast with jQuery web programmingThe jQuery JavaScript library greatly simplifies the creation of modern, rich web applications, while seamlessly integrating with virtually all leading web development platforms and frameworks. Learning jQuery will guide you through using jQuery, jQuery UI, and jQuery Mobile in your own projects. One step at a time, you'll learn how to do everything from adding simple effects through building complete rich Internet applications.This code-rich tutorial is designed for every working web developer. After clearly explaining all the basics, Ralph Steyer shows how to apply jQuery to create effects, animations, slideshows, lists, drag-and-droppable elements, interactive forms, and much more.If you're a web developer with even basic JavaScript experience, Learning jQuery is your fastest route to success with jQuery* Discover what jQuery can do, and how it works with JavaScript and DOM* Select components to support dynamic processes* Manipulate web page content and structure* Apply and change formatting with CSS style sheets through jQuery* Handle complex events more effectively and reliably* Generate time-dependent and time-independent CSS effects* Expand jQuery's capabilities with plug-ins* Use jQuery to create simpler, better, more powerful AJAX code* Master powerful, flexible jQuery UI plug-ins for visual control and user interaction* Simplify the creation of jQuery UI interfaces with ThemeRoller* Master basic rules for successfully working with components and widgets* Construct touch-enabled mobile front ends with jQuery Mobile
Contents
1 Introduction 11.1 What Is This Book About? 21.1.1 What You Can Learn from This Book 41.2 Writing Conventions 51.3 Who Is the Target Audience for This Book? 61.4 What Do You Need? 61.4.1 Hardware and Operating System 61.4.2 jQuery and jQuery UI 71.4.3 The Browsers 91.4.4 Different Operating Systems and Virtual Machines for Testing 101.4.5 The Web Server for Realistic Testing 111.4.6 The Development Tools 131.5 About the Author 162 First Examples with jQuery 172.1 Accessing Elements and Protecting the DOM 172.2 Editing the Web Page with DHTML a la jQuery 222.3 Animatedly Reducing and Enlarging of an Element 252.4 Changing Attributes Dynamically 283 Basic Knowledge 313.1 The Web, Web 2.0, and the Client/Server Principle on the Internet 323.1.1 Programming on the Web 323.1.2 The Web 2.0 333.2 JavaScript and Its Relationship to jQuery 333.2.1 The General Integration of JavaScript in Websites 343.3 AJAX and XMLHttpRequest (XHR) 37XML 38JSON 41More Details on Processing JSON for JavaScript Pros 433.4 DOM and Objects 463.5 Style Sheets and DHTML 483.5.1 CSS: The Web's Standard Language 483.5.2 The Specific Syntax of CSS Declarations 503.5.3 Selectors 504 How jQuery Works 514.1 Accessing Elements of the Web Page 524.2 The jQuery Namespace and the jQuery Object 544.3 Special Data Types and Structures in jQuery 554.3.1 Options 554.3.2 Map 564.3.3 The Array Notation 564.3.4 jqXHR 574.4 The Function jQuery() and the Alias $() 574.4.1 The Context 594.5 Executing Functions After DOM Has Been Built 604.5.1 Callback or Anonymous Function as a Parameter of jQuery() 604.5.2 Placing document.ready() into an External JavaScript File 634.5.3 Example of Creating a Basic Structure for a Modularized jQuery Web Application 634.6 Creating an Element with jQuery() and Inserting It into the Web Page 664.6.1 Options for Initializing Attributes 684.7 Wrapping Existing Elements with jQuery() 704.7.1 Direct Access to DOM elements via get( ) 714.8 Using jQuery in Combination with Other Frameworks 724.8.1 The Function noConflict() 734.9 More About Context 744.9.1 context, selector, and nodeName 754.10 Chaining jQuery Objects 774.10.1 Executing Function Calls Sequentially: The jQuery Queue 784.11 New Core Techniques Since Version 1.5 784.11.1 jQuery.sub() 784.11.2 jQuery.when() 794.11.3 Version 1.6: What's New? 79attr(), prop(), and removeProp() 80data() 815 Selectors and Filters 835.1 The Basics 845.1.1 What Is a Selector? 845.1.2 What Are Filters? 845.1.3 XPath as Basis 855.2 The Basic Selectors and the Hierarchical Selectors 865.2.1 Examples 885.2.2 Potential Pitfalls 975.3 Filtering Selectors 995.3.1 Basic Filters 995.3.2 Content Filters 1065.3.3 Visibility Filters 1095.3.4 Child Filters 1125.3.5 Attribute Filters 1145.3.6 Filters for Form Elements and Form Filters 1185.4 Filter Methods 1235.4.1 eq() 1235.4.2 not() 1235.4.3 first() and last() 1245.4.4 slice() 1245.4.5 filter() 1255.4.6 is() 1265.4.7 map() 1276 Accessing the Elements of a Web Page 1316.1 General Info on Checking, Changing, Adding, and Removing Nodes 1316.2 Checking and Changing Node Contents: html() and text() 1326.3 Content of Form Fields: val() 1356.4 Accessing Attributes via attr() 1376.5 Inserting Nodes into a Web Page 1376.5.1 append() and prepend() 1386.5.2 appendTo() and prependTo() 1436.6 Inserting Nodes Before or After 1486.6.1 after() and before() 1496.6.2 insertAfter() and insertBefore() 1526.7 Wrapping 1546.7.1 Wrapping Individually with wrap() 1546.7.2 Wrapping All with wrapAll() 1566.7.3 Wrapping Inner Areas with wrapInner() 1586.7.4 Unwrapping with unwrap() 1596.8 Replacing with replaceWith() and replaceAll() 1596.8.1 Replacing with replaceWith() 1606.8.2 Replacing All with replaceAll() 1646.9 Removing with empty() and remove()/detach() plus removeAttr() 1666.9.1 The Alternative of remove(): detach() 1716.9.2 Deleting Attributes 1716.10 Cloning with clone() 1726.11 Search and Find 1766.11.1 Of Children and Parents: children() and parent() plus parents()/parentsUntil() 1766.11.2 offsetParent() and closest() 1806.11.3 Siblings 1826.11.4 Searching Descendants with has() 1846.12 Finding with find() and contents() 1846.13 The jQuery Method each() for Iterating over Arrays and Objects 1866.13.1 jQuery.each() 1886.13.2 The Method each() 1926.14 The add() Method 1936.14.1 The end() and andSelf() Methods 1956.15 A More Comprehensive Example at the End: A Date Component 1967 Formatting with Style Sheets Under jQuery 2057.1 The css() Method 2067.1.1 Getting Style Properties 2067.1.2 Setting Properties 2077.2 Changing Classes of Elements 2097.2.1 Adding Classes: addClass() 2107.2.2 Removing Classes: removeClass() 2187.2.3 Toggling Classes with toggleClass() 2197.2.4 Testing for a Class: hasClass() 2217.3 Positioning Methods 2237.3.1 Determining the Position with position() 2247.3.2 Position in Relation to the Document: offset() 2287.4 Scrolling Methods 2367.5 Height and Width 2397.5.1 height() and width() 2397.6 Inner and Outer Dimensions 2428 Event Handling Under jQuery 2478.1 Basic Information on Events, Event Handlers, Triggers, and Data Binding 2478.1.1 Events 2478.1.2 General Information on Event Handlers 2488.1.3 HTML Event Handlers 2488.1.4 JavaScript Event Handler 2498.1.5 The Event Object 2508.1.6 Bubbling 2518.1.7 Data Binding 2518.1.8 Trigger 2528.2 The Event Object in jQuery 2528.2.1 The Constructor of jQuery.Event 2528.2.2 The Properties of the Event Object jQuery.Event 2538.2.3 The Methods of an Object of the Type jQuery.Event 2568.3 Ready, Steady, Go: $(document).ready() 2588.4 Event Helpers 2588.5 Expanded Methods for Event Handling 2628.5.1 The bind() and unbind() Methods 2628.5.2 The One and Only: one() 2668.5.3 The Method trigger() 2678.5.4 triggerHandler() 2698.5.5 Live Events: The live() and die() Methods plusdelegate() and undelegate() 2708.5.6 Auxiliary Functions for Interaction 2749 Effects and Animations 2799.1 Basic Use 2799.1.1 Speed Is All You Need 2799.1.2 Specifying a Callback 2809.1.3 Chaining 2819.1.4 Queues 2819.1.5 Stopping via stop() and jQuery.fx.off 2829.1.6 Endless Animations 2829.1.7 Types of Animation 2829.2 Showing and Hiding: The show() and hide() Methods 2839.3 Sliding Effects: slideDown(), slideUp(), and slideToggle() 2849.4 Opacity Effects: fadeIn(), fadeOut(), and fadeTo() (Plus toggle()) 2879.5 Individual Animations with animate() 28910 AJAX 29710.1 AJAX and XMLHttpRequest (XHR) Basics 29710.1.1 Creating an XMLHttpRequest Object Manually 29810.1.2 The Methods of an XHR Object 29910.1.3 The Properties of an XHR Object 30010.1.4 A Practical Example of Data Request Without Special jQuery Methods 30010.1.5 The Data Format in an AJAX Communication 30210.1.6 AJAX Request Process 30310.2 Special AJAX Support in jQuery 30410.2.1 JSONP and Remote Requests 30410.2.2 The jqXHR Object 30510.2.3 Methods in jQuery for AJAX Requests 30510.2.4 Specifying the Data Type 30510.2.5 Avoiding Caching 30710.3 $.get() and $.post() 30710.3.1 Just Requesting Plain Text from the Web Server 30710.3.2 Sending Data to the Web Server via $.get() and $.post() 30910.3.3 Getting and Parsing XML Data 31210.4 Getting and Parsing JSON Data: getJSON() and parseJSON() 31610.4.1 A Simple Application with JSON 31610.4.2 Requesting Twitter Tweets via JSONP 31710.5 Loading a Script Later via AJAX:jQuery.getScript() 32010.6 The General Variation for Loading Data: load() 32210.6.1 Specifying Filters 32310.7 Serializing Data 32710.7.1 The serialize() Method 32710.7.2 The serializeArray() Method 32910.7.3 The General Version: param() 32910.8 Default Values for AJAX 33010.9 AJAX Events and AJAX Event Handlers 33010.9.1 Local Events 33010.9.2 Global Events 33210.10 Complete Control 33310.10.1 jQuery.ajax() 33310.10.2 A JSONP Request 33910.10.3 Loading and Executing a JavaScript File 34010.10.4 Sending Data Plus Evaluating the Success 34010.10.5 Extended Techniques for $.ajax() 34111 jQuery UI 34511.1 What Is jQuery UI? 34511.1.1 Components for Supporting Interaction 34611.1.2 Widgets 34611.1.3 Extended Effects 34711.1.4 The Theme Framework and ThemeRoller 34711.2 Getting Started 34811.3 How Is jQuery UI Used? 34911.3.1 Downloading and ThemeRoller 34911.3.2 Using jQuery UI on a Web Page 35311.3.3 A Sample Web Page for jQuery UI 35511.4 Using the Components in jQuery UI 35511.4.1 The Default Setting 35611.4.2 Some Basic Rules on Components and Widgets 35811.4.3 Properties/Options of Components 35911.4.4 Methods of Components 36311.4.5 Events in Components and Widgets 36611.5 An Overview of the Components and Widgets 37011.5.1 The Interaction Components 37011.5.2 The Widgets 37211.5.3 Utilities 38511.6 Effects 38511.6.1 The effect() Method 38511.6.2 Color Animations with animate() 38611.7 A Complete Website Based on jQuery UI 38712 Plug-Ins 39312.1 The jQuery Plug-In Page 39312.1.1 Searching For and Using an Existing Plug-In 39412.1.2 Validation Plug-Ins 39712.2 Creating Custom Plug-Ins 40512.2.1 Why Create Custom Plug-Ins? 40512.2.2 Creating Your First Plug-In 40512.2.3 The Main Rules for Creating a Simple Plug-In 40912.2.4 Rules for Creating More Complex Plug-Ins 40912.2.5 An Example for a Plug-In with Options 41112.2.6 Another Example for a Plug-In with Options 41312.3 Publishing a Plug-In 41513 jQuery Mobile 41713.1 Basics 41713.1.1 The Platforms 41913.1.2 Downloading and Integrating the Framework 42013.1.3 Alternatives 42113.2 The Role System and data-role 42213.3 The Basic Structure of a Mobile Web Page 42213.4 Linking Pages 42413.4.1 External Links via Hijax 42413.4.2 Internal Links and the Special Interpretation of a Page 42513.5 The Transitions 42813.6 Dialogs 42813.7 Buttons 42913.7.1 Buttons with Icons 43013.7.2 Block Element or Inline Element 43113.7.3 Grouping 43113.7.4 A Practical Example 43213.8 Toolbars and Navigation Bars 43513.9 Lists 43913.10 Form Elements 44313.10.1 Field Containers 44413.10.2 The Various Form Elements 44413.10.3 Plug-In Methods for Form Elements 44713.10.4 Sending the Form Data 44813.11 Special Events 44813.11.1 Touch Events 44813.11.2 Orientation Change 44813.11.3 Scroll Events 44913.11.4 Page Events 44913.12 The Theme Framework and General Content Design 45213.13 Collapsed and Expanded Content 454Appendix 457TOC, 9780321815262, 4/10/2013
