{"id":2423,"date":"2016-10-11T11:29:08","date_gmt":"2016-10-11T14:29:08","guid":{"rendered":"https:\/\/www.kinghost.com.br\/wiki\/?post_type=article&p=2423"},"modified":"2021-06-10T09:16:43","modified_gmt":"2021-06-10T12:16:43","slug":"o-que-e-jquery","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/o-que-e-jquery\/","title":{"rendered":"jQuery: O que \u00e9 e quais as suas caracter\u00edsticas"},"content":{"rendered":"

Conhe\u00e7a mais sobre o jQuery, a biblioteca mais popular para JavaScript.<\/em><\/p>\n

O JQUERY<\/strong> \u00e9 um biblioteca leve, r\u00e1pida e cheia de recursos para Javascript.
\nEle facilita a manipula\u00e7\u00e3o de eventos, anima\u00e7\u00f5es, elementos HTML e utiliza\u00e7\u00e3o de Ajax. Basicamente, ele mudou e facilitou a escrita de c\u00f3digos em Javascript. Foi lan\u00e7ado oficialmente em 2006 e possui c\u00f3digo aberto. A biblioteca tamb\u00e9m oferece a possibilidade de cria\u00e7\u00e3o de plugins sobre ela. Atrav\u00e9s do jQuery \u00e9 poss\u00edvel desenvolver aplica\u00e7\u00f5es web de alta complexilidade.
\nSite oficial: https:\/\/jquery.com<\/a><\/small>
\n <\/p>\n

<\/span>ALGUMAS CARACTER\u00cdSTICAS DO JQUERY<\/span><\/h2>\n

<\/i> \u00c9 bem leve<\/strong>
\nA biblioteca compactada e minificada possui apenas 32kB.<\/p>\n

<\/i> Suporte a diversos navegadores web<\/strong>
\nO JQuery funciona em todos os navegadores mais utilizados no mundo, entre eles: Google Chrome, Firefox, Edge, Safari, Internet Explorer, Android, iOS e outros mais.<\/p>\n

<\/i> Suporte a CSS3<\/strong>
\nPor consequ\u00eancia da integra\u00e7\u00e3o com HTML, tamb\u00e9m suporta seletores CSS3 para encontrar elementos, bem como na manipula\u00e7\u00e3o de propriedade de estilo.<\/p>\n

<\/i> Possui diversos plugins<\/strong>
\nConta com mais de 2600 plugins o reposit\u00f3rio oficial que pode ser acessado atrav\u00e9s do seguinte link: http:\/\/plugins.jquery.com<\/a>.<\/p>\n

<\/div>\n

<\/span>COMPARANDO C\u00d3DIGOS EM JAVASCRIPT E JQUERY<\/span><\/h2>\n

No primeiro exemplo, o resultado esperado \u00e9 alterar a cor de background da tag body.<\/font>
\nC\u00d3DIGO JAVASCRIPT<\/p>\n

Function changeBackground(color) {\n        Document.body.style.background = color;\n}\nOnload=\u201dchangeBackground (\u2018blue\u2019);\u201d\n<\/pre>\n
C\u00d3DIGO JQUERY<\/p>\n
$ (\u2018body\u2019) .css (\u2018background\u2019, \u2018#555ada\u2019);\n<\/pre>\n
 <\/p>\n
No segundo exemplo, deve ser atribu\u00eddo o valor “14” a um elemento<\/font>
\nC\u00d3DIGO JAVASCRIPT<\/p>\n
document.getElementById( 'Elemento' ).value = 14;\n<\/pre>\n
C\u00d3DIGO JQUERY<\/p>\n
$( '#Elemento' ).val( 14 );\n<\/pre>\n","protected":false},"author":9,"featured_media":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[181],"article-tag":[],"class_list":["post-2423","article","type-article","status-publish","format-standard","hentry","article-category-javascript"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t