jQuery Fundamentals

Chapter 1: Welcome
Chapter 2: JavaScript Basics
Chapter 3: jQuery Basics
Chapter 4: jQuery Core
Chapter 5: Events
Chapter 6: Effects
Chapter 7: Ajax
Chapter 8: Plugins
Chapter 9: Performance Best Practices
Chapter 10: Code Organization
Chapter 11: Custom Events

List of Examples

Example 1.1: An example of inline JavaScript
Example 1.2: An example of including external JavaScript
Example 1.3: Example of an example
Example 2.1: A simple variable declaration
Example 2.2: Whitespace has no meaning outside of quotation marks
Example 2.3: Parentheses indicate precedence
Example 2.4: Tabs enhance readability, but have no special meaning
Example 2.5: Concatenation
Example 2.6: Multiplication and division
Example 2.7: Incrementing and decrementing
Example 2.8: Addition vs. concatenation
Example 2.9: Forcing a string to act as a number
Example 2.10: Forcing a string to act as a number (using the unary-plus operator)
Example 2.11: Logical AND and OR operators
Example 2.12: Comparison operators
Example 2.13: Flow control
Example 2.14: Values that evaluate to true
Example 2.15: Values that evaluate to false
Example 2.16: The ternary operator
Example 2.17: A switch statement
Example 2.18: Loops
Example 2.19: A typical for loop
Example 2.20: A typical while loop
Example 2.21: A while loop with a combined conditional and incrementer
Example 2.22: A do-while loop
Example 2.23: Stopping a loop
Example 2.24: Skipping to the next iteration of a loop
Example 2.25: A simple array
Example 2.26: Accessing array items by index
Example 2.27: Testing the size of an array
Example 2.28: Changing the value of an array item
Example 2.29: Adding elements to an array
Example 2.30: Working with arrays
Example 2.31: Creating an "object literal"
Example 2.32: Function Declaration
Example 2.33: Named Function Expression
Example 2.34: A simple function
Example 2.35: A function that returns a value
Example 2.36: A function that returns another function
Example 2.37: A self-executing anonymous function
Example 2.38: Passing an anonymous function as an argument
Example 2.39: Passing a named function as an argument
Example 2.40: Testing the type of various variables
Example 2.41: A function invoked using Function.call
Example 2.42: A function created using Function.bind
Example 2.43: A function being attached to an object at runtime
Example 2.44: Functions have access to variables defined in the same scope
Example 2.45: Code outside the scope in which a variable was defined does not have access to the variable
Example 2.46: Variables with the same name can exist in different scopes with different values
Example 2.47: Functions can "see" changes in variable values after the function is defined
Example 2.48: Scope insanity
Example 2.49: How to lock in the value of i?
Example 2.50: Locking in the value of i with a closure
Example 2.51: Using a closure to access inner and outer object instances simultaneously
Example 3.1: A $(document).ready() block
Example 3.2: Shorthand for $(document).ready()
Example 3.3: Passing a named function instead of an anonymous function
Example 3.4: Selecting elements by ID
Example 3.5: Selecting elements by class name
Example 3.6: Selecting elements by attribute
Example 3.7: Selecting elements by compound CSS selector
Example 3.8: Pseudo-selectors
Example 3.9: Testing whether a selection contains elements
Example 3.10: Storing selections in a variable
Example 3.11: Refining selections
Example 3.12: Using form-related pseduo-selectors
Example 3.13: Chaining
Example 3.14: Formatting chained code
Example 3.15: Restoring your original selection using $.fn.end
Example 3.16: The $.fn.html method used as a setter
Example 3.17: The html method used as a getter
Example 3.18: Getting CSS properties
Example 3.19: Setting CSS properties
Example 3.20: Working with classes
Example 3.21: Basic dimensions methods
Example 3.22: Setting attributes
Example 3.23: Getting attributes
Example 3.24: Moving around the DOM using traversal methods
Example 3.25: Iterating over a selection
Example 3.26: Changing the HTML of an element
Example 3.27: Moving elements using different approaches
Example 3.28: Making a copy of an element
Example 3.29: Creating new elements
Example 3.30: Creating a new element with an attribute object
Example 3.31: Getting a new element on to the page
Example 3.32: Creating and adding an element to the page at the same time
Example 3.33: Manipulating a single attribute
Example 3.34: Manipulating multiple attributes
Example 3.35: Using a function to determine an attribute's new value
Example 4.1: Checking the type of an arbitrary value
Example 4.2: Storing and retrieving data related to an element
Example 4.3: Storing a relationship between elements using $.fn.data
Example 4.4: Putting jQuery into no-conflict mode
Example 4.5: Using the $ inside a self-executing anonymous function
Example 5.1: Event binding using a convenience method
Example 5.2: Event biding using the $.fn.bind method
Example 5.3: Event binding using the $.fn.bind method with data
Example 5.4: Switching handlers using the $.fn.one method
Example 5.5: Unbinding all click handlers on a selection
Example 5.6: Unbinding a particular click handler
Example 5.7: Namespacing events
Example 5.8: Binding Multiple Events
Example 6.1: A basic use of a built-in effect
Example 6.2: Setting the duration of an effect
Example 6.3: Augmenting jQuery.fx.speeds with custom speed definitions
Example 6.4: Running code when an animation is complete
Example 6.5: Run a callback even if there were no elements to animate
Example 6.6: Custom effects with $.fn.animate
Example 6.7: Per-property easing
Example 7.1: Using the core $.ajax method
Example 7.2: Using jQuery's Ajax convenience methods
Example 7.3: Using $.fn.load to populate an element
Example 7.4: Using $.fn.load to populate an element based on a selector
Example 7.5: Turning form data into a query string
Example 7.6: Creating an array of objects containing form data
Example 7.7: Using YQL and JSONP
Example 7.8: Setting up a loading indicator using Ajax Events
Example 8.1: Creating a plugin to add and remove a class on hover
Example 8.2: The Mike Alsup jQuery Plugin Development Pattern
Example 8.3: A simple, stateful plugin using the jQuery UI widget factory
Example 8.4: Passing options to a widget
Example 8.5: Setting default options for a widget
Example 8.6: Creating widget methods
Example 8.7: Calling methods on a plugin instance
Example 8.8: Responding when an option is set
Example 8.9: Providing callbacks for user extension
Example 8.10: Binding to widget events
Example 8.11: Adding a destroy method to a widget
Example 10.1: An object literal
Example 10.2: Using an object literal for a jQuery feature
Example 10.3: The module pattern
Example 10.4: Using the module pattern for a jQuery feature
Example 10.5: Using RequireJS: A simple example
Example 10.6: A simple JavaScript file with dependencies
Example 10.7: Defining a RequireJS module that has no dependencies
Example 10.8: Defining a RequireJS module with dependencies
Example 10.9: Defining a RequireJS module that returns a function

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

번호	제목	글쓴이	조회	날짜
315	디자이너가 알아야 할 사이트 2 3	패션리스트	2,342	10년 전
311	디자이너가 꼭 알고 있어야 할 사이트들 3	패션리스트	2,308	10년 전
12040	웹서버 SSL의 정석 (아파치 & nginx) 4	기진곰	2,224	10년 전
20370	기타 구글의 material design에 관한 설명입니다. 4	JRevirthuum	1,349	10년 전
20365	CSS css가 충돌이 됬을때 4	돼지코구뇽	2,102	10년 전
12039	JavaScript 풀스크린 스크립트	RINIX	1,723	10년 전
20364	HTML HTML Canvas 2D Context	RINIX	2,801	10년 전
12037	웹서버 vi 온라인 학습장 1	신리	1,188	10년 전
12035	jQuery 강력한 무료 멀티 업로더... 1	RINIX	1,998	10년 전
12032	웹서버 가상서버 이용 팁.. .html확장자내 php코드 인식이 안될 때 2	신리	1,090	10년 전
12031	웹서버 가상서버 셋팅 팁 - ftp접속시 계정사용자 내용만 보여주기	신리	1,357	10년 전
20362	HTML HTML5 자바스크립트 API 1	RINIX	1,698	10년 전
12024	기타 P3P 규약의 이해 6	JRevirthuum	1,255	10년 전
12022	기타 워드프레스 템플릿 아키텍쳐 1	JRevirthuum	986	10년 전
303	Free 아이콘 (웹 + 앱 + 모바일 + 응용프로그램 ) 7	벤지	2,434	10년 전
12020	기타 브라우져 메모리 사용률 확인하는 프로그램 ... 꽁수 1	벤지	973	10년 전
12015	기타 빠르게 웹사이트로 안드로이드 앱 만들기 4	AniNest	2,673	10년 전
12010	PHP 외부이미지 썸네일 만들기 4	untitled	2,290	10년 전
12009	웹서버 퍼미션 계산기-아주 좋습니다.	프로그래머7	1,682	10년 전
12007	JavaScript 화면전체에 눈 내리는 효과 1	untitled	2,299	10년 전
12005	PHP 외부이미지 서버에 저장하기 1	untitled	1,831	10년 전
12004	PHP 유튜브 api 사용하기	untitled	2,591	10년 전
20361	기타 ShadowDOM Visualizer	JRevirthuum	2,705	10년 전
12002	기타 Free PHP Clone Scripts 1	묵공	1,368	10년 전
11997	PHP 숫자를 한글로 변환코드 짜다 이런단위도 있구나 싶네요.	RINIX	1,774	10년 전

jQuery 샘플자료들이 많군요

링크

jQuery Fundamentals

Contents

List of Examples

댓글 작성

댓글 3개

게시글 목록