Load More
Trendy Right Now

Popular Posts

Powered by Blogger.

Total Pageviews

Search This Blog

Gi?i thi?u b?n th�n

about

about

Cloud Labels

[Advance ] Sales and Inventory System in C# source code free download [Fixing] Report Viewer control toolbar in Google Chrome [Solved] How to kill any process using VB.NET # Movie Management System Project in Python #Cafe Billing System in PHP MySQL with source Code #Create Dotnet core Project using this command line #how to install python on windows 100 free PHP projects with source code ABAP Admin Panel Template adonet Affiliate site Airline Reservation System Project in c++ with source code Airline Reservation System Project in PHP Ajax Android Android 11 Development that Developers would Love to Use in New Features Androidproject androidstudio AngularJS Artificial General Intelligence aspnet Bakery Inventory Management System Big Data Billing System Project in PHP source code free download Black Hat Seo Techniques 2021 Blogger Bookmarking Bootstrap 4 C# C#.Net How To: Send email in asp.net using c# C++ Cab Booking System in Python with full Source Code cloud computing College Website Project in PHP/MYSQL with Full source code Computer Programming Consoleapplication Contact management system in python with source code Crime Record Management System Using PHP and MYSQL Crud Operation in VB.net Windows Application CRYSTALREPORTS CSS Databases and ADO.NET Dental Clinic Management System in PHP with full source code DevOps Django Django Framework DjangoProject dotnet DotnetCore E-commerce Website Php MySQL source code free download e-commerce website source code free download Employee Leave Management System in PHP/MySql with Full Source Code Fees Management System Free Download Firebase Free Sourcecode in PHP Free Asp.net SourceCode Free Download Computer Laboratory Monitoring System in C# Free SourceCode in C# FreesoftwareDownload FreeSourcecode FreeSourceCodeC FreeSourcecodevb.net FreeSourcecodinPHP fullform Gamedevelopment google Google Fuchsia Hospital Management System Project In Python Code Hospital Management System with C# with Full Source Code Hostel Management System Using PHP/MySQL With Source Code How to How To Assign a Value to a Variable in Python How to Bind Data to Repeater Control in Asp.net How to display data in Listbox from SQL database in C# How to Export Data From Datagridview to Text File in C# How to Generate and Validate a Software License Key using C# How to generate QR Code in C# windows application HOW TO GENERATE RANDOM NUMBER IN C# how to implement google map in asp.net how to ping ip address in asp net How To Read A Text File In C# How To Select DataGridView Values Into TreeView Nodes Using C# How to Send Automatic Emails using Python How to Use Anchoring Controls In visual c#.net How To Using LINQ to SQL Classes With Example HTML HTML Head Title Access Denied Image Submission Sites introduction to csharp programming Inventory Management System Project In Python with full source code Invoice Management System PHP Free Download with Source Code JavaProject javascript jQuery Library Management System Using PHP and MySQL with Full Source Code LINQ LINQ In C#.Net MangoDB Math App using Python Microsoft Mobile Blazor MS Excel Shortcuts and FormulasMS Excel Shortcut Keys 2021 mvc MySQL Nodejs NuGet Number System Conversion Program in C Online Blood Bank Management System Project Online Class and Exam Scheduling System in PHP Online loan management system project in php free download Parking Management System Project in Python with Source Code pharmacy inventory management system php Pharmacy Management System in C++ with Full Source Code PhotoshopCs5 PHP PHP & Mysql URL Shortener PHP Project pm mandhan yojana PMYOJANA Project Project IDX python Pythonproject QR (Quick Response) Code Generator using C#.NET Querying a Database with LINQ to SQL sap SAP Basis And Security SAP ECC 6.0 Installation Step by Step SAPMM sbi School Billing System project In C With Source Code School Fees Payment System in PHP With Source code School Management System in Python with Full source code SearchEngine Site seo SEO Tutorials Simple Library management system project in Python full source code software Speed Typing Test Python Project With Full Source Code sql SQLite StringBuilder Class In C# Student Management System in Python With Source Code Student Result Management System in PHP / MySQL with Full Source Code TechNews Template Timer ajax control In Asp.net Top Most Popular Social Bookmarking Tourism Management System Project Free Download TRICK TIPS VB.NET VB.NET Classes VB.NET Conditional Statements VB.NET Loops vbnet visual studio download Warehouse Management system in Vb.Net with Full source code What are variables? what is JavaScript? What is Link Building? What is Node.Js? whatsappgb Windows Forms WordPress

Recent

Popular Posts

Navigation
jQuery

jQuery | eq() Selector - trickcode

eq() Selector,Jquery Eq Selector,jquery Eq selector example,jquery Eq selector example explanation
5/01/2020 05:55:00 pm
Share it:
In this topic, we will learn a jquery Eq selector. jquery Eq selector allows us to select all elements at a specified index.

Jquery Eq Selector:-

jquery Eq selector matches a specific element by counting from the first element to the index value. Suppose that you want to choose the third <p> element on the page. Because the count starts with 0, to select the third <p> element, do the following.

$(‘p:eq(2)’).text(‘Changed this text.’);

jquery Eq selector example:-

In the following HTML example, we will see how to change the font style of <p> elements which is equal to the index value. To accomplish this task we can make use of : eq(index)



<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('p:eq(2)').css('font-family','Comic Sans MS');
        });
    </script>
</head>
<body>
<p>Paragraph 1-index[0]</p>
<p>Paragraph 2-index[1]</p>
<p>Paragraph 3-index[2]</p>
<p>Paragraph 4-index[3]</p>
<p>Paragraph 5-index[4]</p>
<p>Paragraph 6-index[5]</p>
</body>
</html>

output:

Paragraph 1-index[0]
Paragraph 2-index[1]
Paragraph 3-index[2]
Paragraph 4-index[3]
Paragraph 5-index[4]
Paragraph 6-index[5]

jquery Eq selector example explanation:-

$(‘p:eq(2)’).css(‘font-family’,’Comic Sans MS’); This line tells jquery to select <p> element which is equal to the index value. Here the index value is 2, so it will select the third <p> element. So jquery will change the third <p> elements font using CSS method.
Tags: jQuery
Share it:

jQuery

Post A Comment:

0 comments:

Subscribe to: Post Comments (Atom)