JQuery Selectors in Java

Question

Java JavaScript List In this coded which are the selectors. Please explain them.

Ashutosh Gupta · 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

Faisal Pathan · Answer

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.

Harsh Shah · Answer

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.

Ramachandran M · Answer

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 });

Sanwar Ranwa · Answer

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" > $(document).ready( function (){ $( "button" ).click( function (){ $( ".functional" ).hide(); }); }); $(document).ready( function (){ $( "button" ).click( function (){ $( "#languages" ).css({ "background-color" : "Blue" , "font-size" : "100%" }); }); }); "languages" > Java "web" > JavaScript class = 'functional' >List Click