[Front-end development] to grasp the jQuery

Summary:

jQuery is a fast and concise JavaScript frameworks, following yet another excellent Prototype JavaScript code libraries (or JavaScript framework). jQuery design aim is to "write Less, Do More", that is advocated write less code, do more things. It encapsulates the JavaScript code for commonly used functions, provide a simple JavaScript design patterns to optimize HTML document manipulation, event handling, animating and Ajax interactions design.

jQuery core features can be summarized as follows: the chain has a unique grammar and short clear multi-function interface; highly efficient and flexible css selector, and can be extended CSS selectors; convenient plug-in extension mechanism and a wealth of plug-ins. jQuery compatible with all major browsers, such as IE 6.0 +, FF 1.5 +, Safari 2.0 +, Opera 9.0+ like.

For details on the jQuery tutorial: the jQuery Tutorial

(This course can help students master the jQuery technology, front-end development for the crowd to learn.)

jQuery selector:

Allows you to group elements or a single element to operate.

3.1 element selector

Use CSS selectors to select HTML elements.

Attribute selector 3.2 []

Element with a given attribute.

$('[title]').hide();

Change CSS properties of HTML elements.
3.3 CSS selectors

$('p').css('background-color', 'red');

Language Features:

  • Quick access to document elements

The selection mechanism is built on jQuery selector Css, which provides the ability to quickly find DOM elements in the document, but also greatly enhanced the JavaScript page elements acquired way.

  • The page offers beautiful dynamic effects

jQuery built a series of animations can be developed amazingly beautiful pages, many sites use the built-in jQuery effects, such as fade, element removal and other dynamic effects.

  • Creating AJAX without refreshing the page

AJAX is short for Asynchronous JavaScript and ML can develop very sensitive without refreshing the page, especially the development of server-side web page, such as PHP website, and from the need to communicate with the server, if you do not use AJAX, for every data update had refresh the page, while the use of AJAX effects, can be partial page refresh, providing a dynamic effect.

  • Provide enhancements to the JavaScript language

jQuery JavaScript provides enhanced basic structure, such as an array element and the iterative processing operations.

  • Enhanced Event Processing

jQuery page offers a variety of events, it avoids too programmers add event handling code in HTML, most importantly, it eliminates all kinds of event handlers browser compatibility issues.

  • Changing page content

jQuery can modify the contents of a Web page, such as changing text pages, insert pages or flip the image, jQuery simplifies the way the original JavaScript code need to be addressed.

Language Evaluation:

jQuery is the second prototype has an excellent lightweight JavaScript framework. Its purpose is --- "Write Less, Do More", write less code, do more things. It is a fast and concise JavaScript Library that simplifies HTML document traversing elements, event handling, animating and Ajax interactions for rapid Web development, which is designed to change the way write JavaScript scripts.

jQuery documentation is very rich, because of its lightweight properties, the document is not complicated, with the new release, it can be quickly translated into several languages, which also provides the conditions for the popular jQuery. jQuery is wrapped in the grammar, the selector CSS1-3 jQuery support, the compatibility IE 6.0+, FF 2 +, Safari 3.0+, Opera 9.0+, Chrome and other browsers. Meanwhile, thousands of colorful about jQuery plug-ins, a large number of interesting extensions and excellent community support, which makes up less jQuery insufficiency and provides a number of useful extensions to jQuery. Coupled with its easy to learn, jQuery quickly become the most popular JavaScript library, has become the first choice to develop websites and other JavaScript libraries less complex Web applications, and has been supported by major companies such as Microsoft, Google's.

jQuery most distinctive feature is the grammar and syntax similar to CSS selectors, and it supports almost all CSS1 selectors to CSS3 and is compatible with all major browsers, which provides a convenient quick access DOM.

Ali cloud developer community fully upgraded, one-stop experience, with more cool :( Ali cloud developer community home page )

Guess you like

Origin blog.csdn.net/lsj960922/article/details/92629567