[Tutorial] jQuery for beginners

If you want to develop modern websites, so it is hard to escape the jQuery Framework. Of course, websites can also be used without the help of jQuery and CSS, but this is associated with a much larger amount of time. I will provide in this Tutorial a small introduction in jQuery and show how you can do with jQuery to fundamentally deal with it.

jQuery related

jQuery can be obtained on the same. You can use the the jQuery provided CDN (Content Distribution Network Server, on which files are for the duration of the access stored] – Link. Alternatively, it is of course also possible to load the script file. You want to the CDN Server, so you can get the address of the CDN, //code.jquery.com/jquery-1.11.0.min.js use (at the time of writing this Version currently). This is recommended especially for projects that are anyway in the Web and if you want to rely on the accessibility of the jQuery server. However, one should not forget the privacy aspect of this, because the Requests go to Overseas ;). You don’t want it, so it loads the current Version and work with it locally. jQuery 2? Or is it 1? What is min?

This is solely the decision of the target audience. You have to support, contrary to every professional mind – for example, old versions of Internet Explorer, so it should be 1 more on the.x Version of jQuery. Otherwise, it is recommended to 2.to set x. In addition, there are so-called “geminifiete” versions. These are compressed and allow a little better Performance out of it. In most cases, you can access safely to those versions. These are characterized as either “compressed” and/ or “min” in the file name. Integration of jQuery

In the of the HTML document must be embedded. The Embed in the HTML a

In the Code you now have the option of using the identifier "$" in jQuery to access. Although it is determined at the beginning of one or other of the hard-a $ - sign as an identifier to perceive, so much to say: It is a perfectly legitimate, of JavaScript supported identifier. Whom the still, the alternative to jQuery as an identifier. In General, for jQuery, the following basic Syntax:
$(selector).jQuery method()

Access to elements

In jQuery can you the easiest on so-called selectors are used (in the syntax example selector) to access. The simplest selectors are CSS classes or ID's. Example, there is the following selectors (there are of course several variations):

Selector Meaning
#value Applies to all elements whose ID is "value".
.value Applies to all elements whose CSS class (class=) is equal to "value".
document This selector refers to the document itself.
Hits on all of the items, the HTML attribute target .
Meets all of the elements to the HTML - attribute href with the value"".

Important: you have more than one Element by the selector is selected, you get a box, not a single Element! ### jQuery - functions

You have now made a reference to the elements, so you want to work with these also. There are of course a number of functions. This parts mostly to get - and set - functions, the set depending on whether I pass a value, or return. Some Examples:

Function Meaning
.css(key), or .css(key,value) Returns the value of a CSS property or setting this.
.attr(key), or .attr(key,value) Returns the value of an HTML property, or sets of these.
.text (), respectively .text(value) Changed the content of an element.
.value (), respectively .value(value) Returns the value of input fields (input)
.fadeIn() and .fadeOut() Performs a fade - in or fade-out effect.

### jQuery - events

jQuery provides an event system. This is incredibly comfortable, compared to what offers HTML. Important: events are always only set if the document and its Document Object Model (DOM) is completely loaded! Otherwise, nothing happens, simply because an event is not bound to an Element that does not exist yet. To prevent this, one should proceed always as follows:
//Start here.

Now your page is open and is fully loaded, the ready() event is triggered. Then, the assignment of the events fits as planned. As an example: you have a HTML page with an a Element with id="einlink" is registered. You want to now on the click on the Element to respond, an alert message should appear. This goes as follows:
alert("Oh, this Element was clicked!");

jQuery documentation

I hope I could you show my a *little* insight into jQuery. As soon as your just immersed in the subject matter since, you need for the work, only the jQuery documentation. This is to be found. - - - - - -


HTML to convert to PDF – a simple Shell-tool. HTML to PDF Linux

Although there are already some tools to make an HTML file to a PDF, but the disadvantage is that the result looks mostly terrible, because these tools use their own HTML Rendering Engine.
The Tool wkhtmltopdf, which is an advantage in this program creates now that it uses the Rendering Engine “Webkit”, so it is the same that is used by Apple’s Safari Browser, or Chrome, that means we get almost perfect results.

Read More