Tratando dados Retornados do MySQL+PHP com JQuery

functions.js 

$("#aparelho").change(function(){
    var id = $(this).attr('id');
    $.get("functions.php?func=getLatLong&car=" + $(this).val(), function(dadosRetornados){
      $.each($.parseJSON(dadosRetornados), function (key, value) {
        $("#" + id).after(value.latitude,value.longitude);
      });
    });
  });

functions.php

function getLatLong($car){

  $link = mysql_connect('localhost', 'root', 'passwd') or die(mysql_error());
  mysql_select_db('db') or die(mysql_error());

  $query = "SELECT latitude, longitude
                FROM table
                LIMIT 1";

  $result = mysql_query($query) or die(mysql_error());

  while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {

    $arr["{$row['dados']}"]['latitude'] = $row['latitude'];
    $arr["{$row['dados']}"]['longitude'] = $row['longitude'];
  }
  mysql_close($link);

  echo json_encode($arr);
}

Chamando funções em PHP com jQuery

index.html

<html>
<head>
  <link rel="stylesheet" type="text/css" href="estilo.css" />
  <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="functions.js"></script>
</head>
  <body>

    <label id="carrega" name="carrega">Carregar</label><br />

    <select id="nome" name="nome">
      <option value="#">Selecione</option>
      <option value="Nickollas">Nickollas</option>
      <option value="Carvalho">Carvalho</option>
    </select>

  </body>
</html>

functions.js

$(function() {
  $("#carrega").click(function(){
    var id = $(this).attr("id");
    $.get("functions.php?func=oi", function(dadosRetornados){
    $("label[for=" + id + "]").remove();
    $("#" + id).after("<label for=" + id + ">" + dadosRetornados + "</label>");
    $("label[for=" + id + "]").css("color","red");
    });
  });

  $("#nome").change(function(){
    var id = $(this).attr("id");
    $.get("functions.php?func=nome&nome=" + $(this).val(), function(dadosRetornados){
    $("label[for=" + id + "]").remove();
    $("#" + id).after("<label for=" + id + ">" + dadosRetornados + "</label>");
    $("label[for=" + id + "]").css("color","blue");
    });
  });
});

functions.php

<?php

switch($_REQUEST['func']) {
  case 'oi':
    $output = oi();
    break;
  case 'nome':
    $output = nome();
    break;
}

echo $output;

function oi(){
  echo "Oiiiii";
}

function nome(){
  echo 'Selecionado: ', $_REQUEST['nome'];
}

?>

Básico JQuery

1 – Inclua na sua página HTML o jquery obtido de http://www.jquery.org

<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>

2 – Adicione a TAG com o código que ficará disponível na página

<script type="text/javascript">
$(function() {
  // seu código jquery aqui
});
</script>

Entendimento: $( é uma abreviação para JQuery(

3 – O corpo da página HTML

<input type="text" id="nome">
<input type="text" id="idade">

4 – Pegar o id e valor de um único elemento

$("#nome").blur(function() {
  var id = $(this).attr('id');
  var value = $(this).attr('value');
  alert(id + " " + " " +  value);
});

Entendimento: Foi usado o seletor de id # seguido do id de um elemento na página. Em seguida criamos uma função dentro do evento blur que entra em ação toda vez que um elemento perde o foco na página. Por fim, pegamos os atributos dos elementos HTML com o manipulador $(this).attr()

Dica: Você pode pegar o valor de um elemento um dos manipuladores:

$(this).attr('value') ou $(this).val()

+ Outros seletores: http://api.jquery.com/category/selectors/
+ Outros eventos: http://api.jquery.com/category/events/
+ Outros manipuladores: http://api.jquery.com/category/manipulation/

5 – Como pegar o id e o valor de qualquer campo input

$(":input").blur(function() {
  var id = $(this).attr('id');
  var value = $(this).attr('value');
  alert(id + " " + " " +  value);
});

Explicação: Foi usado o seletor :input que opera em qualquer campo input da página

6 – Validar campos em branco com seletor de classe .class

$(".required").blur(function() {
  if ($(this).val().length == 0) {
    var id = $(this).attr('id');
    $("label[for=" + id + "]").remove();
    $("#" + id).after("<label for=" + id +"> Campo obrigatorio</label>");
    $("label[for=" + id + "]").css("color","red");
  }
});

– Adicione o atributo class=”required” a todos os inputs que devem ser validados

<input type="text" id="idade" class="required">

Entendimento: A função do seletor required será chamada para todos os elementos que a usarem

Pegar id e conteúdo de input com JQuery

<html>
<head>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $(".input").blur(function() {
    var id = $(this).attr('id');
    var value = $(this).attr('value');
    alert(id + " " + " " + value);
  });
});
</script>
</head>
<body>
    <p><input type="text" id="nome"></p>
    <p><input type="text" id="idade"></p>
</body>
</html>