Category: Advanced Jquery Questions

Below is the code snippet for this scenario:

• $(“ul li:gt(5)”).css(‘color’,’green’)
• $(“ul li:lt(10)”).css(‘color’,’blue’)

Q18. Explain Finish Method In Jquery?

“finish” method is used to stop the animations of the elements and bring the elements to its final state.

Q19. How Can We Set The Page Title In Jquery?

Below is the code snippet used to set the page title:

$(function(){

$(document).attr(“title”, “A4 Academics”);

});

Q20. What Is The Use Of Jquery Min Js File In Asp.net Web Application?

JQuery min .js file is actully a minified version of Actual JQuery .js. The min files have less size but same content so this improves the performance.so You should prefer to use min files.

Q21. How We Can Hide And Show The Controls In Jquery?

Access the control using ‘$’ and use the methods “Hide()” and “Show()” like below.

For example:

$(‘#MyControl’).Hide()

$(‘#MyControl’).Show()

Q22. Why To Use Jquery Dialog?

Jquery Dialog is used like a pop up and if Jquery used in MVC then we can render the cshtml contents in Jquery Dialog and its used like a confirm box (as javascript) too.

Q23. Explain Difference Between Jquery And Javascript?

query is a library and Javascript is a language and Jquery provides full-fledged support for javascript language.

Q24. What Are The Parameters Which Are Being Used In Ajax Jquery?

Below are the list of 4 parameters which are used in AJAX calls –

• Type
• Cache
• Data
• URL

Q25. How We Can Implement Animation Effects In Jquery?

“Animate” method is used for animation in Jquery. This method is used to change the element look and feel and give extra effects to the elements.

For example:

$(“#MyControlID”).animate({height:”45px”});

Q26. Can You Give An Example For Chaining Along With Code Snippet?

Below is the sample code snippet:

Old Code:

$(document).ready(function(){

$(‘#MyControlID’).addClass(‘test’);

$(‘#MyControlID’).css(‘color’, ‘yellow’);

$(‘#MyControlID’).fadeIn(‘fast’);

});

New Code after chaining:

$(document).ready(function(){

$(‘#MyControlID’).addClass(‘test’)

.css(‘color’, ‘yellow’)

.fadeIn(‘fast’); 

});

Q27. How We Can Select The Specified

?

If we want to get the 4th

• from the list of elements in
  then we can write code as below –

  $(“ul li:eq(3)”) // Index will start from 0.

  Q28. Can We Write More Than One Document.ready Jquery Functions In One Page?

  Yes we can write more than one jquery $(document).ready(function ()

  in one page.This is helpful when you have large Jquery code and you want to split it in multiple files.

  Q29. What Does $(“div.parent”) Will Select?

  It me select all the div elements with class – “parent”.

  Q30. What Is The Advantage Of Using Minified Version Of Jquery?

  Advantage of using minified verison of Jquery will mainly be performance. Size of the minified jquery file will be around 76KB where as the normal Jquery file size will be around 180KB.

  Q31. What Is The Meaning Of Selectors In Jquery?

  In javascript we have several methods to find the controls like – “getElementByName” and “getElementByID”, which is used to find the control based on Name of the control and ID of the control respectively. Similarly in Jquery we have find the controls using selectors. Below are some of the selectors –

  • “*” – To Find all the elements of the page.
  • “#” – Used to find the control by ID.
  • “.” – Used to find the control by Class.

  Q32. Will Events Are Also Copied On Clone In Jquery?

  By Default “clone” method does not clone the events unless it is being instructed to copy. When “clone” method is being instructed to clone the events also then along with elements, events are also being copied. “Clone”method takes a Boolean parameter, pass true in clone method to copy the events like below –

  $(‘#mycontrolid’).clone(true).appendTo(‘body’);

  Q33. How To Show The Alert Message On Button Click In Jquery?

  Jquery is one of the most powerful libraries what we have and it provides event handling. This scenario can be handled by “OnClick” of the button. Below is the code snippet –

  Q34. What Is The Advantages Of Use Of Document.ready Functions In Jquery?

  Advantage of using $(document).ready(function () in jQuery is that the code inside this function will excecute only when the full page has been loaded so that there will be no error like the DOM object on which the Jquery has to execute is not loaded.

  Q35. How We Can Get The Value Of Multiple Css In Single Statement Of Jquery?

  Below is the sample code to explain:

  var Mypropertiescollection = $(“#MyControlID”).css([ “height”, “width”, “backgroundColor” ]);

  In the above code snippet variable – “Mypropertiescollection” will have array like below –

  {

  height: “100px”,

  width: “200px”, 

  backgroundColor: “#FF01EF”

  }

  Q36. What Is The Use Of Validation Jquery Plugins?

  In MVC we can use these Jquery Plugins in the form of rules like below –

  $(‘#MyControlId’).rules(“add”, {

  required: true

  });

  Q37. How To Select An Element With Class In Jquery?

  To select an element with class write as below:

  $(“.sampleClass”).css(“border”,”2px solid blue”);

  Q38. Which Providers Will Give Jquery Cdns?

  Following are the list of providers gives CDNs for Jquery library:

  • Microsoft
  • Google
  • Jquery

  Q39. Explain Caching In Jquery?

  Caching is temporary memory to store the data, which increases the performance of the application. So in Jquery we can use the similar concept to store the data instead of repeating as shown below:

  Old Code:

  $(‘#MyControlID’).addClass(‘test’);

  $(‘#MyControlID’).css(‘color’, ‘yellow’);

  New Code for caching:

  var $mycontrol = $(“#MyControlID”).css(“color”, “red”);

  //Do somre stuffs here

  $mycontrol.text(“Error occurred!”);

  Q40. Can We Include Different Versions Of Jquery In Web Page?

  Yes. We can include different versions of Jquery in same page.

  Q41. In Asp.net, Jquery Will Be Added In Content And Master Pages Both?

  No. If the Jquery file added in master page then content pages will going to use that.

  Q42. What Is The Difference Between Jquery Find And Children Methods?

  • The difference between find() and children() methods
  • are that the children only travels a single level down the DOM tree
  • while the find travels at all level down the DOM tree.

  Q43. What Is The Use Of Jquery Connect?

  Connect method is used to bind one function to another and it’s used to execute the function when a function is executed from another object.

  Q44. How To Use Jquery In Asp.net Web Application?

  To use jQuery in ASP.NET web application follow the below steps:

  1. Go to http://jquery.com/(The official jQuery WebSite)
  2. Download latest .js jQuery file from the website. 
  3. Put it the script(or other folder) in the root of your web application 
  4. Add the below tag on the page where you want to use Jquery script type=”text/javascript” src=”script/jQueryDownLoadedFileName.js” /script

  Q45. Write A Code Snippet To Sort String Array In Jquery?

  Below is the code snippet which is used to sort the string array –

  $(document).ready(function(){

  var a4acarray = [ “Apple”,”Orange”,”Banana”];

  sortedarray = a4acarray.sort();

  $(“#mycontrolID”).html(sortedarray.join(“”));

  });

  Q46. How We Can Check Element Empty In Jquery?

  $(document).ready(function(){

  if ($(‘#mycontrolid’).is(‘:empty’)){

  //Code here for Empty element

  }

  });

  Q47. How Can We Select Elements In Two Different Classes In Jquery?

  Below is the sample code for showing how we can do it –

  $(“.MyClass1.MyClass2”).css(‘color’,’green’);

  Q48. How To Use Ajax In Jquery?

  Jquery supports AJAX calls, below is the code snippet of AJAX in Jquery –

  $.ajax({

  url: ‘MyURL’,

  success: function(response) {

  //My Code goes here

  },

  error: function(err) {

  //My Code goes here }

  });

  Q49. How To Check/uncheck Radio Button Using Attr In Jquery?

  $(‘#myControlID’).attr(‘checked’, true);

  $(‘#myControlID’).attr(‘checked’, false);

  Q50. How We Can Write Code Specific To Browser In Jquery?

  By using the property – “Jquery.Browser” we can write the browser specific code.