jQuery basics

19/01/2013 03:01

Include jQuery online (or use your web application path) in <header> tag

<script type="text/javascript" src=" https://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>

<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>


use $ or jQuery in function call:

$( document ).ready( function() { 

  // Your code here



<input type="Text" name="tbWebsite"/>
< input type="submit" value="Redirect" name="btnSubmit"/>

<a href="#" id="aRedirectLink">SubmitLink</a>



//select by name and hide/show

jQuery('input[name="tbWebsite"]').hide(); //show();


   //Get Textbox value
   var myValue = jQuery('input[name="tbWebsite"]').val();

  //Modify value - adds 123 to the string
   myValue = myValue + "123";

  //Set textbox value


//Get attribute value


//Set attribute value

    jQuery("#aRedirectLink").attr("href", newUrl);


//Find element with 'MyElementId' asp id (e. g. fjekfjdkfjfkjkk-fkdjfk-fkjdkfMyElementId)



//Find specific element with 'MyElementId' asp id (e. g. hidden field)