Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">
  <title>ساحة التّجربة</title>
</head>
<body dir="rtl">
  <h3>ساحة التّجربة</h3>
  <p>هنا نص HTML قصير يمكنك استخدامه لتجربة مكتبة <a href="http://jquery.com">jQuery</a>. عدّل نصوص JavaScript في القسم الموافق. ستظهر نتائج التّسجيل في القسم Console.</p>
  <ul id="my-unordered-list">
    <li><span><i>HTML</i></span></li>
    <li class="special"><a href="https://developer.mozilla.org/en/CSS/"><i>CSS</i></a></li>
    <li>JavaScript</li>
</ul>
  <form _lpchecked="1">
    <input type="text">
  </form>
</body>
</html>
 
.hidden {
  display: none;
}
 
$( '#my-unordered-list' ).on( 'click', 'li', function( event ) {
  console.log( this ); // يُسجّل عنصر القائمة الّذي أثار الحدث
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x