Web front-end New People notes jquery introduction (Novice must SEE) _jquery

This chapter will introduce the following points for you;

1, the main characteristics of jquery;

2, the establishment of jquery coding environment;

3, simple jquery script example;

4, the reason to choose jquery instead of pure JavaScript;

5, the common jquery development tools; What can jquery do?

① get the elements in the document

$ (' div.content '). Find (' P ');

② Modify the appearance of the page

$ (' ul > Li:first '). addclass (' active ');

③ Change document Content

$ (' #container '). Append (' <a href= "www.baidu,com" >more</a> ") 

④ add dynamic effects to a page

$ (' div.content '). Slidedown (); 

⑤ Response to user interaction

$ (' button.show-details '). Click (function () {
  $ (' div.details '). Show ();

⑥ no need to refresh the page to get information from the server

$ (' div.details '). Load (' more.html #content '); 

⑦ simplifies common JavaScript tasks

$.each (obj, function (key,value) (total + = value;);

Why is jquery so good?

1, the use of the advantages of CSS;
2, support the expansion;
3, the abstract browser inconsistency;
4, always facing the set;
5, the multiple operations based on one line;

How do I download jquery?

1. Because JavaScript is an interpretive language, you don't have to worry about compiling and building. When you need to use jquery, just import it into your HTML document using the <script> element.

2, jquery official website: http://jquery.com/

What are the development test tools?

Modern browsers generally built-in high-quality development tools, we can choose the tools we find convenient, and then listed a number of recommended tools:

1, IE;
2, Safari;
3, Chrome;
4, Firefox;
5, Opera;

These tools, which are listed above, provide similar functionality:

1, detect and modify the DOM;
2, study the relationship between the CSS and the page change;
3, through the special method convenient tracking script execution;
4. Pause script execution and check variable values

Above this web front-end new person notes jquery Introduction (novice must SEE) is small series to share all the content, hope to give you a reference, also hope that we support cloud habitat community.