prop jquery function obtain modify the value of properties

In the following web example we have an element a that creates a link with id example and a div without any style with id square.

We obtain the value of the href property and display it.
We create a new property target with value _blank.
We create several properties title and style to the div with id square and style it as a red square.

<a href="about:blank" id="example">Link Example</a>
<div id="square">Hello Square</div>
<!--Script jQuery-->
<script>
  $(document).ready(function(){
    //We obtain the value of the href property and display it
    var url = $("a#example").prop("href");
    console.log('href is '+url);
	//We create a new property target with value _blank
    $("a#example").prop("target", "_blank");
	//We create several properties title and style to the div with id 
    //square and style it as a red square
    $('div#square').prop({
      title: 'My square',
      style: 'background-color:red; width:200px; height: 200px',
    });
  });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>