J Query এর টিউটোরিয়াল :: J QUERY পর্ব – ৩ ( jQuery Element Selectors )

J QUERY হোম 

 

 

jQuery selectors , html elements গুলিকে গ্রুপ বা পৃথক হিসাবে সিলেক্ট করতে কাজে লাগে।

jQuery Element Selectors

jQuery uses CSS selectors to select HTML elements.

$(“p”) selects all <p> elements.

$(“p.intro”) selects all <p> elements with.

$(“p#demo”) selects the first <p> element with id=”demo”.

jQuery Attribute Selectors

jQuery uses XPath expressions to select elements with given attributes.

$(“[href]”) select all elements with an href attribute.

$(“[href=’#’]”) select all elements with an href value equal to “#”.

$(“[href!=’#’]”) select all elements with an href attribute NOT equal to “#”.

$(“[href$=’.jpg’]”) select all elements with an href attribute that ends with “.jpg”.

jQuery CSS Selectors

jQuery CSS selectors can be used to change CSS properties for HTML elements.

নিচের উদাহরণটিতে p elements গুলির background কালার হলুদ রঙে পরিবর্তিত হয়ে যাছে।

উদাহরণঃ

<html>

<head>

<script type=”text/javascript” src=”jquery.js”></script>

<script type=”text/javascript”>

$(document).ready(function(){

$(“button”).click(function(){

$(“p”).css(“background-color”,”yellow”);

});

});

</script>

</head>

<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button>Click me</button>

</body>

</html>

1 thought on “J Query এর টিউটোরিয়াল :: J QUERY পর্ব – ৩ ( jQuery Element Selectors )

Leave a Reply

Your email address will not be published. Required fields are marked *