How to Do this in Jquery

How to Do this in Jquery

Hi Guys,
I've been mainly using Script.aculo.us and coding my own functions to go with it however after a creating a new site for a client using JQuery and the ease of which everything went together, I'm looking at moving my future apps and sites to JQuery only.

In order to do this I need to figure out how to convert these to JQuery, these are my Script.aculo.us staples that I can't go without.

Script.aculo.us Version for AJAX Delete
This code allows the user to click on the delete button, a indicator is shown, a call is made to our ajax.php to kill the database row, and finally the table row is removed.

HTML:
<a style="cursor: pointer; cursor: hand;" onclick="ajaxDeleteNotifier('1ModelSpinner', 'ajax.php?action=deleteitem&table=models&id=1', 'model', '1_row');"><img src="themes/themeName/icons/delete.png" alt="Delete Model" /></a><span id="1ModelSpinner" style="display: none;"><img src="themes/themeName/icons/indicator.gif" alt="spinner" /></span>


JS:
function ajaxDeleteNotifier(spinDivID, action, text, row) {
    if (confirm("Are you sure you want to delete this "+ text +"?")) {
      sqr_show_hide(spinDivID);
      new Ajax.Request(action, {asynchronous:true, onSuccess:function(){ new Effect.SlideUp(row);}});
   }
}

function sqr_show_hide(id) {
   var item = fetchItem(id)

   if (item && item.style) {
      if (item.style.display == "none") {
         item.style.display = "";
      }
      else {
         item.style.display = "none";
      }
   }
   else if (item) {
      item.visibility = "show";
   }
}


Script.aculo.us Version for AJAX Updater
This code allows the user to enter some text, usually a name, we then send this over to our ajax.php page to create a new databse entry, we then update our section of the page listing DB items.

HTML:
<div id="updateMe">
   <form name="newModelForm" action="models.php" method="post" onSubmit="ValidateForm(this); return false;">
      <input type="text" name="newmodelname" />
      <input type="image" src="themes/themeName/icons/add.png" />
   </form>
</div>


JS:
function ValidateForm(theForm){
   var name=document.newModelForm.newmodelname
               
   if ((name.value==null)||(name.value=="")){
      alert("Please enter the new model\'s name.")
      name.focus()
      return false
   }
   new Ajax.Updater('updateMe', 'ajax.php?action=postmodel', {onComplete:function(){ new Effect.Highlight('newModel');},asynchronous:true, parameters:Form.serialize(theForm), evalScripts:true});
   name.value = '';
   return false;
}


Script.aculo.us Version for In Place Editor
This code allows the user to click on an item, edit it and and then update the database item. Sometime we have to pull from a function instead of just editing the text on the page or in the database. Ex: a date may show on the page as Thursday August 13, 2009, in the DB as the unix timestamp, and we want to edit it as 08/13/09

HTML:
<div id="1_text">Woot</div>


JS:
new Ajax.InPlaceEditor('1_text', 'ajax.php?action=updateitem&table=models&item=name&id=1', {rows:1,cols:50,highlightcolor:'#CBD5DC',highlightendcolor:'#5194B6',loadTextURL:'ajax.php?action=getitem&table=models&item=name&id=1'


Can someone help me with rebuilding these in JQuery please.