How to get a style property on the matched element using jQuery?

jQuery Web Development Front End Technology

To get a style property on the matched element, use the css() method. You can try to run the following code to get a style property on the matched element using jQuery:

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#button1").click(function(){
    alert($('div').css('left'));
  });
});
</script>
</head>
<body>
<div class="items" style="left: -400px">
<span>This is demo text.</span>
</div>
<button id="button1">Get</button>
</body>
</html>

David Meador

Updated on: 15-Jun-2020

274 Views

Kickstart Your Career

Get certified by completing the course

Get Started