Selector –> :first used to select the first element.
Now suppose you want to select first p element on the page, then jQuery provides a very useful and powerful selector called ":first" that selects the first element. Its usage...
Category: jQuery
jQuery making the javascript simpler
-
-
Selector: –> :last used to select the last element.
Now suppose you want to select last p element on the page, then jQuery provides a very useful and powerful selector ":last" that selects the last element. Its usage can...
-
Selector -> :even used to select even occurances of the element.
Now suppose we are creating a list and want to apply different styles to odd and even items of the list then we can us the following syntax: $("li:even") The...
-
Selector -> :odd used to select odd occurrences of the element.
In the last topic, we have seen the use of ":even" to apply changes to even occurrences of any element, now lets look one another selector ":odd" to select odd...
-
Selector-> eq, gt, lt to compare and select element based on index number.
Now i will show you some of the interesting jQuery selectors. Suppose you want to select 5th tr element(or the elements which are comes after 5th element, or before that)...
-
Selector #id : To access element with its id.
Here we will see how to access an element in jQuery with its id. Recall the code that we use in javascript to get an element with its id: document.getElementById("firstptag")...
-
Selector .class : To access elements belonging to a class
jQuery provides a very easy syntax for accessing the objects that belongs to a particular class. For example:- suppose we want to access all elements with class name "blackcolor". So...
-
Selector: Gets all p elements on page (to access all elements of one type).
So now let us look at one another powerful jQuery selector. Suppose you want to choose all "<p>" elements of the page and then change its css property(for example-the text...
-
Selector: .class and .class (select element with two/multiple classes)
Here we will see how can we select the elements on our page with two classes. Its syntax is very simple: $(".class1.class2") where class1 and class2 are the two classes....
-
What is $ ?
In our first example of jQuery we have seen the "hello world" example with the significance of document.ready event but there is a concept which may be striking in your...