How does jQuery operate the Nth element

This article is about how jQuery operates the Nth element. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

JQuery is a set of cross-browser JavaScript libraries that simplify the operation between HTML and JavaScript. The first version was released by John Resig on BarCamp NYC in January 2006. It is currently being developed by a development team led by Dave Methvin. Fifty-nine per cent of the top 10000 most visited websites in the world use jQuery, which is currently the most popular JavaScript library.

The method of manipulating the Nth element of an element in the same group by jquery is as follows:

There are three ul under class= "phpernote". Now you want to add class= "com" to the fifth li element under each ul.

Specific jQuery code:

$(".phpernote ul li:nth-child (5)") .addClass ("com")

Successfully added class as com to the fifth li under each ul

Of course, you can also add CSS code directly:

(".phpernote ul li:nth-child (5)") .css ({"padding-right": "5px"})

Nth-child: the abbreviation in English, n-th, denotes the number. 1, second, 3 respectively use the words first, second, third, the words + th that are numbers from 4, such as 4th, 5th, 6th and so on.

Get the first li under ul

$("ul li:first-child")

Get the last li under ul

$("ul li:last-child") Thank you for your reading! This is the end of the article on "how to operate the Nth element of jQuery". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!