Found 766 Articles for JQuery

Overview The Jquery consists of a predefined method which makes it easy for the developer to build this feature. The Jquery provides a selector Syntax by which we can find any text element. So the ":contains" selector is used for finding the text in any element. To learn fully about this ":contains" selector we will be developing this feature through an Example. Syntax The Syntax for finding the text in an element is given below − $(selector:contains()); selector − The selector in the above Syntax is termed as any element or class or id name which is ... Read More

Overview For finding any element Jquery provides the best Syntax for the selector, it gives us a one line code for selecting any element from the HTML document. So to find all the textareas in the HTML we will be using the Jquery selector which will select the textareas and then by using the Jquery CSS(Cascading Styles Sheet) manipulation we will be making a border around the textarea. The border makes a User Interface more attractive. Syntax The Syntax for selecting and styling any element in Jquery is given below $(selector).css(); $(selector) − . For selecting any ... Read More

Overview Using Jquery we can create this feature, as Jquery library provides the methods for changing the span text to the value of the input value. In this feature we should have a prior knowledge of the basic HTML and the Jquery. So the Jquery provides the methods as next() and text(), these two methods play a vital role in building this feature. We will also use a few styling methods to make the change visible from other normal text. Syntax The Syntax used in this feature is − $(selector).next().text("text"); selector − The selector in the above ... Read More

Overview The disabled elements are the elements which are not usable for the end user. These elements are disabled using the "disable" attribute. So using the JQuery library we can find all the total number of disabled elements in a HTML page. Using the Jquery selector we can find all the disabled elements by passing the ":disabled" pseudo selector. The ":disabled" selector will select all the elements in the top−down approach. This approach will scan all the disabled attributes and will list it out in a variable. Syntax The Syntax used in this approach is − $(":disabled").each(function () { ... Read More

Overview Jquery is a library which contains various predefined methods with their specific functionality. So to get all the children elements which contains the specific class with their tags can be achieved with the Jquery children() method. The Jquery children() method takes a single argument as the condition at which the set of data will be returned. As we want to find all the children with the specified class so we will be passing the class name as the argument within the method to find all the specific class. Syntax The Syntax used in this approach is − $(element).children(className); ... Read More

Overview JQuery is a great JavaScript library which contains many pre−built methods which helps us to perform a certain function without writing a number of lines of code. An element in jQuery can be considered as any HTML element which is a parent of another element. So the elements inside an element are also termed as the children of that element and the container in which the children elements resides are the parent element. So to filter out the children of any element using the jQuery can be achieved using the jQuery children() method and the CSS (Cascading Style Sheet) ... Read More

jQuery is a JavaScript library created to make event handling, CSS animation, Ajax, and DOM tree navigation and manipulation easier. In this article we are going to see how we can change the name of an element using jQuery. Algorithm We are going to follow a three−way procedure to change the name of any element using jQuery: Identify and select the element we want to change. Copy all the attributes of the selected element to a temporary object. Create a new element with the new name and copy all the attributes to it. Replace the old element with this ... Read More

In the contemporary era of technological advancement, interactive interfaces are becoming a crucial element for web designers and developers to incorporate in their projects. One of the most sought-after features in web development is the ability to create personalized and innovative icon selects. The utilization of jQuery Mobile for the creation of such select icons is a popular and intuitive method. In this article, we will explore the method of creating left-positioned icon selects using jQuery Mobile, a tool that enables developers to produce dynamic and responsive web pages with ease. Getting Started With jQuery Mobile Before we dive ... Read More

Overview A flip toggle switch is a “on / off” like switch which changes the state of the HTML element from one form to another. By using the jQuery mobile we can create a responsive attractive flip toggle switch. So to create a flip toggle jQuery provides an attribute value as “fieldcontain”, this value is set to the attribute named as data−role. The data−role attribute is set to the fieldcontain in a div container which provides the property to the container as flip toggle switch. To create a basic flip toggle use the data−role value as a slider in the ... Read More

Overview The jQuery mobile provides many icons packs which we can access using as a value in the data−icon attribute. As all these icons are used as the buttons so by using the basic HTML button we can use the data−icon attribute. The jQuery mobile provides responsive user interface content to the web pages with the attractive icons. Instead of using the HTML button tag we can also use the HTML anchor tag and set the attribute data role as button so the anchor tag will behave like a button and after this we will use the data icon attribute ... Read More