JavaScript jQuery-1 jquery overview, jquery programming steps, jquery objects

I. Overview of JQuery

JavaScript Class Library

-JavaScript libraries appear to simplify the development of JavaScript

-The JavaScript class library encapsulates predefined objects and useful functions that help developers build rich client pages with WEB 2.0 features that are highly difficult to interact with, and are compatible with large browsers

-JavaScript libraries can be referred to as JS Library

-The currently popular JavaScript libraries are:

-JQuery

-Mootools

-Prototype

-Dojo

JQuery Overview

-JQuery is an excellent lightweight JavaScript class library that was created by John Resig in January 2006 Open source project

-JQuery can be compatible with CSS3, and various browsers

-Make it easier for developers to work with HTML pages, handle events, manipulate the DOM, animate, and facilitate the presence of Ajax interactions on the site

-Keeps the HTML page of the user separate from the code and HTML content

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/7E/67/wKioL1b-PSyxVO3lAAAjxV9Wxwo153.png "title=" Web.png "alt=" Wkiol1b-psyxvo3laaajxv9wxwo153.png "/>

-The core idea of JQuery is write Less,do more

650) this.width=650; "src=" Http://s5.51cto.com/wyfs02/M02/7E/6A/wKiom1b-PLPiD_vqAAK4072spCQ571.png "title=" Web.png "alt=" Wkiom1b-plpid_vqaak4072spcq571.png "/>

Ii. Programming Steps for JQuery

Locating nodes with selectors

650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M02/7E/67/wKioL1b-PZzwHfGlAAB1u7Z1Qj4747.png "title=" Web.png "alt=" Wkiol1b-pzzwhfglaab1u7z1qj4747.png "/>

Invoke Method Action Node

650) this.width=650; "src=" Http://s5.51cto.com/wyfs02/M02/7E/67/wKioL1b-Pimy0DmXAAB30wXF5aY323.png "title=" Web.png "alt=" Wkiol1b-pimy0dmxaab30wxf5ay323.png "/>

Programming Steps for JQuery

-Introduction of JQuery JS file

-Use selector to locate the node you want to manipulate

-Invoke JQuery's method to operate

Third, JQuery object

Introduction to JQuery objects:

-The JQuery object is the object that is generated after wrapping the DOM object through jquery

-jquery objects are unique to jquery. If an object is a jquery object, you can use the jquery method

-You cannot use any method of the DOM object in a jquery object, and you cannot use any jquery method in the DOM object

-such as: $ ("div") and $ ("#d1") are JQuery objects

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/7E/67/wKioL1b-P9TiEtsVAAAsSZXtjeE674.png "title=" Web.png "alt=" Wkiol1b-p9tietsvaaasszxtjee674.png "/>

JQuery object, DOM object

-Use $ () to wrap DOM objects and convert them into JQuery objects

-Grammar

-$ (DOM object)

650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M02/7E/67/wKioL1b-QDigpGbhAABVKDyvKck973.png "title=" Web.png "alt=" Wkiol1b-qdigpgbhaabvkdyvkck973.png "/>-jquery object gets the corresponding DOM object through the Get (index) method provided by jquery

-Syntax: DOM object = jquery object. Get (Index)

-The JQuery object is an array object that can be obtained by [index] by means of the corresponding DOM object

-Syntax: DOM object = jquery Object [index]

650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M00/7E/67/wKioL1b-QQrgnZfMAABRgBr61Co936.png "title=" Web.png "alt=" Wkiol1b-qqrgnzfmaabrgbr61co936.png "/>

Summary: This chapter mainly describes the jquery overview, the programming steps of jquery, the jquery object

This article from the "Flying Ants" blog, declined to reprint!

JavaScript jQuery-1 jquery overview, jquery programming steps, jquery objects