Explore topic-wise InterviewSolutions in .

$(this) METHOD wrapper AROUND the DOM tree method, whereas ‘this’ is a complete DOM tree method.

$(this) method can be USED to call jQuery functions, but ‘this’ calls only the DOM tree functions.

Both .js and min.js have the same FUNCTIONS. But, min.js is a COMPRESSED version of .js with comments and whitespaces stripped out of it to preserve BANDWIDTH.

JAVASCRIPT is a SCRIPTING language USED on browser or server side. jQuery is a LIBRARY for JavaScript. You can write code in JavaScript without NEEDING jQuery, but you can’t write code in jQuery without JavaScript.

The PROP() method is USED to change properties for HTML tag as per the DOM tree, WHEREAS attr() changes ATTRIBUTES for HTML tags.

The live() METHOD works for future matching and existing elements, whereas the bind() method works with the components of the attached event that MATCH or EXIST the selector at the time of the call.

The .each() function in jQuery is used by developers to iterate over both arrays and objects seamlessly. Where arrays and array-like objects with a length property are iterated by numeric index, other objects are iterated with their named PROPERTIES.

In jQuery, the filter() method is used to create an array FILLED with all array elements that pass a test provided as a function. The technique doesn’t change the original collection or execute the array elements’ functions WITHOUT values. Simplified, this method is used to filter out all the items that do not match the selected criteria set by the developers. The STANDARDS MATCHES will be returned.

The preventDefault() FUNCTION is used to prevent the default ACTION the browser PERFORMS on that event, whereas the stopPropagation() method stops the game from bubbling up to the event CHAIN. The divs click handler never works with stopPropagation(). With preventDefault(), the divs click handler works but browsers default action gets stopped.

<P>The HTML() method is utilized to set CONTENT. It overwrites the whole content for the matched elements.

$('#IDNAME').html('&LT;p>Best Interview Question</p>');

To ACHIEVE the FOLLOWING function, we can use the val() function or attr function (limited to some fields).

The SYNTAXES to be USED to receive the input value of an element USING jQuery are as following:

$('#someInput').val();

Developers can USE the removeAttr() method to remove an ATTRIBUTE of an HTML tag in jQuery. This method can remove ONE or more attributes from the SELECTED element.

The syntax to use the FOLLOWING action is: $(selector).removeAttr(attribute)

The document.getElementbyId( "ourID") is faster because it calls the JAVASCRIPT engine directly. jQuery is a wrapper that standardizes DOM control such that it works reliably in each significant browser. A jQuery object is built by the $ SIGN, and it will first parse the selector as jQuery can search things via attribute, class, etc. The document.getElementbyId can only FIND the ELEMENTS by the id.

A jQuery object is actually not a native object so it takes time to create one and it additionally has considerably more potential.

JQUERY comes with two syntaxes, addClass()and,removeClass() to respectively add or REMOVE CSS classes dynamically.

These can be used with the following SYNTAX forms:

• $(‘#para1’).addClass(‘HIGHLIGHT’);
• $(‘#para1’).removeClass(‘highlight’);

Developers can use this.title function INSIDE the function to get the ATTRIBUTE of an HTML tag in jQuery. Use the following script:

$('a').CLICK(function() {
    var myTitle = $(this).attr ( "title" ); // from jQuery object
    //var myTitle = this.title; //javascript object
    ALERT(myTitle);
});

The element selector in jQuery is used to SELECT MULTIPLE elements.

Its syntax is $('element1, element2, element 3,....").

The SELECTION elements NEED to be SPECIFIED and then with the help of * elements can be selected in any document.

JQUERY is a CLIENT SCRIPTING LANGUAGE.

In JQUERY, the size or size() methods RETURN the number of ELEMENTS in the object. The .length does the same activity, but faster compared to size method as it’s a property and size is a method with an overhead FUNCTIONAL CALL.

$(window).LOAD is provided by the BROWSER to show that all ASSETS on the page (like images, videos) are loaded. So if any calculation or user of assets is needed in the code it should happen after $(window).load is done.

$(document).ready is USED for DOM object tree loading. This means that we can be SURE that DOM object is ready. Note DOM is loaded before page. So if you are trying to execute any code which uses page assets, it may fail.

jQuery effect methods are used to CREATE custom ANIMATION effects on WEBSITES.

For example, few of the effects methods available in jQuery are:

• animate()
• delay()
• clearQueuue()
• fadeIn()
• fadeout()
• DEQUEUE()
• fadeTo()
• fadeToggle()

This is used MOSTLY to return a jQuery object in the code. It can ALSO check if an object EXISTS or not.

toggle() is an IMPORTANT type of procedure that is used to toggle between the methods of the hide() and show(). It simply attached multiple functions to toggle for the selected elements. You can consider that it shows the HIDDEN elements and hide the SHOWN elements.

$(selector).toggle(function)

The .HIDE() METHOD is used for hiding a particular element.

// With the element INITIALLY shown, we can hide it slowly:

$( "#clickme" ).click(FUNCTION() {
   $( "#book" ).hide( "slow", function() {
      alert( "Animation done." );
   });
});

DOM is “DOCUMENT OBJECT Model” which is treemap of all HTML elements in web form LOADED by the browser.

We can use The .ready() method provides a way to run a JavaScript code as SOON as the page's Document Object Model (DOM) becomes safe to manipulate.

• jQuery combines good practices of the programming
• jQuery application is easy
• jQuery SAVES the bandwidth of the server
• jQuery runs on all internet leading browsers like Firefox, CHROME, MICROSOFT Edge
• The coder can add PLUGINS as per their requirement.

SELECTORS are the formats used to identify and OPERATE HTML elements. For instance, to select all checkboxes in a web FORM then we can use [type="checkbox"] selector.

<script>

var input = $( "form input:checkbox" )

.wrap( "" )

.PARENT()

.css({ background: "yellow", border: "3px red SOLID" });

</script>

CDN stands for Control Delivery Network.CDN is the GROUP of many servers which are located at the many DIFFERENT locations. The JOB of these servers is to store the copy of the data with them so that they can acknowledge the data request based on which server is nearest to the end user. As a RESULT, the data reaches to the end user very FAST and very less affected by the traffic.

As like MANY other JAVASCRIPT LIBRARIES, jQuery uses $ as a variable name or function All the functionalities available in jQuery is without using $. The JQuery.noConflict method is used to give control of the $ variable back to the library which implemented it. This helps developers to MAKE sure that the $object of libraries doesn’t conflict with jQuery operations.

jQuery END() TECHNIQUE ends the most RECENT filtering operation in the current chain, and return the matched set of factors to its preceding state. This technique does now not take any ARGUMENTS.

$("#buttonID").CLICK(FUNCTION(){
    $("YOUR_TAG_OR_CLASS_OR_ID").removeClass("YOUR_CLASS_NAME");
});

We can USE REGEX ([0-9]{10})|(\([0-9]{3}\)\s+[0-9]{3}\-[0-9]{4})

By including @ and following the EMAIL naming standards, email can be validated using jQuery.

FUNCTION validateEmail(sEmail) {
      var FILTER = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
      if (filter.test(sEmail)) {
          return true;
      } else {
          return FALSE;
      }
}

You have to develop the HTML form with ADDING JQUERY. After writing some VALIDATION, PROCEED with the submission.

$("#bestinterviewquestion").SUBMIT(); // using jQuery
document.getElementById("bestinterviewquestion").submit(); // using JavaScript

ParseInt() is a method in Java that is USED to convert the numbers REPRESENTED as a STRING. These numbers are an integer type, and through this method, the string gets CONVERTED to an integer.
ParseInt() is used to parse the string and returns it to an integer.

parseInt(string, radix)

parent() method refers to top-level ELEMENTS in GIVEN HTML objects, usually selected by JQUERY selector. Parent method is used to manipulate changes to be done at the top level of a nested HTML object.

Example: A paragraph which contains a COUPLE of list elements can be a parent. Usually, Parent is used if there is an action based on the child element or if there is any specific need for a parent to be TREATED differently.

$(document).ready(function(){
    $("span").parent().css({"display": "block", "border": "1px solid red"});
});

$.cookie("example", "foo"); // Sample 1
$.cookie("example", "foo", { EXPIRES: 7 }); // Sample 2
$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

alert( $.cookie("example") );

$.removeCookie("example");

You can use window.location="https://www.bestinterviewquestion.com";

You can also use window.location.href = "https://www.bestinterviewquestion.com";

When a radio button is selected addition check ATTRIBUTE is not ADDED to it. You have to enter "CHECKED".

$(document).READY(function(){
    $("input[type='button']").on('click', function(){
       VAR radioValue = $("input[name='gender']:checked").val();
       if(radioValue){
          alert(radioValue);
       }
    });
});

With the help of CSS() method, we can add or remove CSS PROPERTIES to an HTML element.

Syntax
$(selector).css(PROPERTY);

$("#DIVID").css("display", "block");

The text() method RETURN text VALUE inside an HTML ELEMENT whereas HTML() method RETURNS the entire HTML syntax.

The text() method is used to manipulate the value and the HTML() method is used to manage the HTML object or properties.

The LATEST VERSION of JQUERY is jQuery3.3

• $.ajax() - for ASYNC request
• $.ajaxsetup()- to set DEFAULT value
• $.ajaxTransport()- for OBJECT TRANSMISSION
• $.GET() - loads data
• $.ajaxPrefilter()- handle custom solutions
• $.getJSON() - loads JSON data

You can check it in VARIOUS ways.

if ($('#ELEMENT').is(':empty')){
   //WRITE your code here
}

if ( $('#element').text().length == 0 ) {
   // length is 0
}

In order to concatenate two strings in jQuery concatenate the strings USING + consternation operator. You have to follow a sequence of codes soon after it. Once it is done, the strings GET concatenate. There are some other ALTERNATIVES as well.

VAR a = 'BEST Interview';
var b = 'Question';
var result = a + b;

// output
Best Interview Question

Onclick- it is a mouse EVENT and occurs when the user CLICKS the left button of the mouse.

Onsubmit- it is a FORM event and occurs when a user is trying to submit the form. When form validation is used, then this is considered.

$("p").click(FUNCTION(){
     alert("You clicked here");
});

$("form").submit(function(){
    alert("You form SUBMITTED");
});

Alert()- it is a pop up that is INTENDED for the user to CLICK the OK button and VANISH once you click.

Confirm ()- it is a WIDER choice and gives 2 options to the user to choose. It is basically like an if-else statement.

Display MESSAGE with alert() and confirm()

alert('Are you sure to delete this item?');
confirm("Are you sure to delete this item?");

In the standard URL- encoded notation jQuery serialize() is used to create the TEXT STRINGS. It also forms several other controls.
 

$("button").CLICK(function(){
    $("DIV").text($("FORM").serialize());
});