JQuery Selectors in Java

Dipa Mehta

6y1.5kWeb Development

Java

JavaScript

List

In this coded which are the selectors. Please explain them.

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ashutosh Gupta6y ago
Accepted answer
you have three types of selector defined in your example.

1. id selector where you can use selector in css file like

#languages, #web {
border : 1px,
}

2. class selector (notice the . before class)

.functional
{
border : 2px,
}

3. element selector

ul li
{
solid blue
}

you can defined these three type of selector in css file and use it
+3
Sandhiya Priya8mo ago
In your HTML, the main jQuery selectors are:
- ID selectors ? $("#languages"), $("#web")
- Class selector ? $(".functional")
- Tag selector ? $("li"), $("ul")
- Descendant/child selectors ? $("#languages li"), $("#languages > li"), $("#web li")
- Positional selectors ? $("#languages li:first"), $("#languages li:last"), $("#languages li:eq(1)")
These let you target elements by id, class, tag, hierarchy, or position.
0
Harsh Shah6y ago
Hi
Javascript uses the CSS syntax to select and manipulate HTML elements. Selectors are used to select HTML element based on their id, class name, tag name, attributes, types etc.

You can find a small demo here which i have created for you based on code you have mentioned above. so find it on this link: https://jsfiddle.net/9bm4khsr/11/

i have used code which you have provided but with some modification. i have used two lists and two button. when user click on add backend language button, new li will generate and will add to UL with id languages.similarly it will happen to the UL with id web.

So this way you can select and manipulates HTMl element with the help of javascrip.
Hope this will help you.
Thank you.
+1
Faisal Pathan6y ago
In simple words, selectors mean you can select particluar HTML element by id, name or element itself, Here, your selectors are languages, web and functional and also you can use ul and li as selectors.
+1
Ramachandran M6y ago
Hi ,

Below code will help you

$(document).ready(function () {
            console.log($('#languages').children('li:first').text());
            //Result Java
            console.log($('#web').children('li:first').text());
            //Result JavaScript
             console.log($('#languages').children('li:last').text());
            //Result List
        });
+1
Sanwar Ranwa6y ago
In this code ,use Id selector and class selector,Selector are used to select and manipulate htlml elements ,using selector you can find and select html elements based on their id ,class or types.in this given code you use id and class selector ,based on these selector you can manipulate elements.
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">






"languages">
Java


"web">
JavaScript

class='functional'>List