ASP.NET - Jquery

Asked By Lavinia Rayan on 20-Jan-12 01:53 AM
Hi,
Please give some jQuery examples

Jitendra Faye replied to Lavinia Rayan on 20-Jan-12 01:55 AM
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

follow this link-

http://jqueryui.com/
smr replied to Lavinia Rayan on 20-Jan-12 01:58 AM
hi

here is an example

jQuery Syntax Examples

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_this
Demonstrates the jQuery hide() method, hiding the current HTML element.

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_id
Demonstrates the jQuery hide() method, hiding the element with id="test".

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_p
Demonstrates the jQuery hide() method, hiding all <p> elements.

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_class
Demonstrates the jQuery hide() method, hiding all elements with class="test".




refer links for more examples
http://api.jquery.com/category/core/
http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html
http://www.w3schools.com/jquery/jquery_examples.asp
D Company replied to Lavinia Rayan on 20-Jan-12 02:01 AM
Hello friend

jQuery is great library for developing ajax based application. jQuery is great library for the JavaScript programmers, which simplifies the development of web 2.0 applications. You can use jQuery to develop cool web 2.0 applications. jQuery helps the programmers to keep code simple and concise. The jQuery library is designed to keep the things very simple and reusable.

jQuery library simplifies the process of traversal of HTML DOM tree. You can use jQuery to handle events, perform animation, and add the ajax support into your web applications with ease


Here are some best examples

http://sixrevisions.com/javascript/10-awesome-techniques-and-examples-of-animation-with-jquery/

here some technical description

http://www.templatelite.com/100-popular-jquery-plugins/

Hope the content is helpful

Regards
D
dipa ahuja replied to Lavinia Rayan on 20-Jan-12 02:46 AM
Jquery is very huge, and there are lots of websites which provides the examples of jquery.

for simple start as a beginner check here:

http://www.mkyong.com/jquery/ 

Riley K replied to Lavinia Rayan on 20-Jan-12 03:48 AM


Few examples from my previous posts

To Create ReadOnlyTextboxes

function ReadOnlyText() {
 
      $('#TextBox1').attr('readonly', true);
      $('#TextBox2').attr('readonly', false);
      $('#TextBox3').attr('readonly', true);
    }

Iterate through ReadOnly Textboxes and assign some css

$(document).ready(function (event) {
       ReadOnlyText();
       $('#Button1').click(function () {
 
         $("input[type=text]").each(function () {
 
           var isReadonly = $(this).attr('readonly');
           if (isReadonly)
             $(this).addClass('bgClr');
         });
 
         return false;
       });
 
     });

Check if value in Textbox is greater than 99

<script type="text/javascript">
    $(document).ready(function () {
      $("#Button1").click(function (r) {
        var inp = $("#TextBox1").val();
        if (parseInt(inp) > 99)
          alert("Error ");
        r.preventDefault();
      });
 
    });
     </script>


Regards