jQuery Interview Questions (Part-2)

What are all the ways to include jQuery in a page?

You can include jQuery in a page by downloading it and referencing it using a local path or by using a Content Delivery Network (CDN) link. Common CDNs include Google CDN and jQuery's official CDN.

Can we use a protocol-less URL while referencing jQuery from CDNs?

Yes, you can use a protocol-less URL (starting with //) when referencing jQuery from CDNs. This allows the browser to automatically use the appropriate protocol (HTTP or HTTPS) based on the page's current protocol.

How to resolve conflicts with other libraries?

To resolve conflicts with other libraries using the $ (dollar sign) symbol, you can use jQuery's noConflict() method to release control of the $ variable and use a different alias. For example: jQuery.noConflict();.

How to execute jQuery code after the DOM is ready?

You can execute jQuery code after the DOM is ready by using $(document).ready(function() { /* your code here */ }); or the shorthand $(function() { /* your code here */ });.

Which sign is used as a shortcut for jQuery?

The dollar sign $ is commonly used as a shortcut for jQuery. For example, $(selector) is equivalent to jQuery(selector).

Can you use any other name in place of $ (dollar sign) in jQuery?

Yes, you can use any valid JavaScript variable name in place of $ by using the jQuery.noConflict() method. This allows you to avoid conflicts with other libraries that may also use $.

Can we add more than one "document.ready" function on a page?

Yes, you can add multiple $(document).ready() functions on a page, and they will all execute when the DOM is ready. This is useful for organizing your code into separate blocks.

What is the difference between "#" and "." selector in jQuery?

# is used to select elements by their id attribute, while . is used to select elements by their class attribute in jQuery selectors. For example, $("#myId") selects an element with the id of "myId," and $(".myClass") selects elements with the class "myClass."

How can we write code specific to a browser in jQuery?

You can write browser-specific code in jQuery by using conditional statements to check the browser's user agent string and then execute different code based on the browser type and version.

What is the difference between jQuery and jQuery UI?

jQuery is a library for DOM manipulation and AJAX interactions, while jQuery UI is a separate library built on top of jQuery that focuses on user interface components and interactions, such as widgets and effects.

Difference between remove() and empty()?

remove() removes the selected element(s) from the DOM, including all its descendants and data. empty() removes the contents (child elements and text) of the selected element(s) but leaves the element itself in place.

What is has() in jQuery?

has() is a jQuery method used to filter the set of matched elements to include only those that have a specific descendant element. It helps you select elements based on the presence of other elements within them.