Este é um pequeno tutorial cobre uma pequena operação básica de jQuery. Como alterar o conteúdo de um elemento HTML (p.ex. DIV) com javascript jQuery.
Criar um novo documento HTML com o código:
<html><head><title>Página teste jQuery </title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">// javascript código (jQuery)</script></head><body><--- HTML aqui --></body></html>
Neste momento a página que criamos apenas carrega a biblioteca jQuery.
Vamos então adicionar algum código HTML para servir como exemplo:
<a id="linkAltera">Alterar conteúdo</a><br /><div id="caixaTexto">Este conteúdo será alterado para outra coisa qualquer</div>
Código jQuery:
Agora vamos adicionar código para que o conteúdo da division 'caixaTexto' seja alterado assim que clicarmos no link 'linkAltera'
$(document).ready(function() {$("#linkAltera").click(function() {$("#caixaTexto").html("Este é o novo texto heehe!");});});
Assim que a págiuna for carregada no browser, uma função é declarada para o link com o ID 'linkAltera', que fará que assim que for clicado, o conteúdo da DIV com o ID 'caixaTexto' será alterado para o especificado.
Código final completo:
<html><head><title>Página teste jQuery </title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function() {$("#linkAltera").click(function() {$("#caixaTexto").html("Este é o novo texto heehe!");});});</script></head><body><a id="linkAltera">Alterar conteúdo</a><br /><div id="caixaTexto">Este conteúdo será alterado para outra coisa qualquer</div></body></html>
Prontinho, simples função para alterar conteúdo HTML via javascrip jQuery
Nike Air VaporMax
Nike 270
Nike Air Force 1
Nike Vapormax
Nike Vapormax Flyknit
Air Jordan 1 Mid
Yeezy Shoes
Nike Outlet
Yeezy 350
Yeezy Shoes
Yeezys
Yeezy Cinder
Yeezy
Adidas yeezy
Adidas yeezy
Yeezy Shoes
Adidas Yeezy Official Website
Discount UGG Outlet
UGG Outlet
Yeezy 350
Adidas Yeezy
UGG UK
Yeezy 350
UGGS Outlet
Timberland
Timberland Shoes
Air Max 97
Nike Air Max 270
Yeezy Supply
Kobe Bryant Jersey
Kobe Bryant Jerseys For Sale
Kobe Bryant Jersey 24
Kobe Bryant Website Official
Yeezy
Yeezy
Nike Shoes
Nike Shoes
NFL Jerseys
Yeezy Boost 350
Yeezy Shoes
Nike Outlet
Yeezy 380
Yeezy 380
Nike Outlet
Human Races
Human Race Shoes
Basketball Jerseys
Basketball Jerseys
Cheap NBA Jerseys
Nike Outlet
Yeezy Shoes
Yeezy Mafia
Yeezy 350 V2
Yeezys Official Site
Yeezy sliders
NBA Jerseys
NBA Jerseys
Air Jordan 1
Air Jordan 1
Jordan 1
Jordan 1s
Jordan 1s
Jordan Retro
Jordan Retro 4
Jordan 4 Retro
Jordans Shoes
Jordan 4s
Dior Jordan 1
Air Jordan 1 Mid
Jordan 11 Concord
Jordan 11 Retro
Jordan 1 Low
Jordan 11s
Jordan AJ 1
NBA Store
NBA Store
Yeezy
Yeezy Sneaker
Adidas Yeezy Official Website
Adidas Yeezy Online Store
Air Max Clearance Sale
NFL Shop Official Online Store
Nike UK
Yeezy
Yeezy 350
Adidas Yeezy
Xo สล็อตออนไลน์ โปรสล็อต XO เกมออนไลน์ทำเงินยอดฮิตเกมสล็อต xopg.net คือเกมทำเงิน reeffutures2018 ผ่านทางออนไลน์อย่างหนึ่ง ที่เล่นง่าย และได้เงินไว แถมยังลงทุนด้วยเงินน้อย mavoixtavoie ทำเงินได้ตลอดเวลา ซึ่งหลายคนอาจได้เคยเห็นรีวิวเรื่องของ สล็อต xo สล็อตออนไลน์ ไว้มากมาย เทคนิคสล็อต ทั้งเรื่องการเล่นแล้วได้เงิน herbalpertpresents และเล่น สล็อต แล้วไม่ได้เงิน นั่นเองค่ะ ซึ่งการที่คุณจะเล่นได้เงินหรือไม่ได้เงินนั้น essentialsforasoul ส่วนหนึ่งก็เป็นในเรื่องของดวงเข้ามาเกี่ยวด้วย northbristol เพราะสล็อตเป็นเกมออนไลน์เสี่ยงโชค ทดลองเล่น xo เกมหนึ่งซึ่งจะมีสูตร หรือเทคนิคเข้ามาช่วย gclub เพื่อโกงดวงอยู่เสมอซึ่งในเว็บของเรา สมัคร xo ก็มีมาแนะนำไว้ให้เห็นกันมากมายหลายสูตร
It is fine, nonetheless evaluate the information and facts around this correct. 사설토토
In this particular article, you will see a summary, satisfy browse this post. 안전놀이터
For true fans of this thread I will address is a free online! 벳삼
These things are very important, good think so - I think so too... 토토커뮤니티
For true fans of this thread I will address is a free online! 꽁머니사이트
The best article I came across a number of years, write something about it on this page. 링크찾기
This is very interesting content! I have thoroughly enjoyed reading your points and have come to the conclusion that you are right about many of them. You are great. 링크찾기
Excellent read, Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. 링크사이트
Can I simply say what a relief to seek out somebody who actually knows what theyre speaking about on the internet. You definitely know the way to bring a problem to mild and make it important. More folks have to read this and understand this aspect of the story. I cant believe youre no more common since you positively have the gift. 토토사이트
This is the fitting blog for anybody who desires to find out about this topic. You notice a lot its nearly onerous to argue with you (not that I truly would want…HaHa). You undoubtedly put a brand new spin on a subject thats been written about for years. Nice stuff, simply great! 먹튀인증
I’d ought to seek advice from you here. Which isn’t some thing It’s my job to do! I spend time reading a post that could make people believe. Also, thanks for allowing me to comment! 토토커뮤니티
hey, your internet site is excellent. We do appreciate your work 꽁머니
This is a great write-up. Thank you for spending some time to describe all of this out for folks. It really is a great help! 홈런 토토
I am frequently to blogging i actually appreciate your articles. This article has truly peaks my interest. I am going to bookmark your web blog and keep checking for first time information. 꽁머니
This is my first-time i visit here. I found a multitude of entertaining stuff as part of your blog, especially its discourse. From the tons of comments on the posts, I guess I am not the only one having most of the enjoyment the following! Keep in the excellent job. 바이낸스 토토
Cool you inscribe, the info is really salubrious further fascinating, I'll give you a connect to my scene. 토토커뮤니티
My wife style of bogus body art were being quite unsafe. Mother worked with gun first, after which they your lover snuck free upon an tattoo ink ink. I was sure the fact just about every should not be epidermal, due to the tattoo ink could be attracted from the entire body. make an own temporary tattoo 먹튀검증
This kind of publish appears to get yourself a lot of visitors. How will you acquire traffic to that? It provides a great unique twist upon issues. I guess having something traditional or perhaps substantial to give info on is the central aspect. บาคาร่า ออนไลน์
