Image click event in jquery

Image click event in jQuery

In this post we are going to see how to get click event of image. This can be done by using either id jquery selector or css selector. We will see both the examples to get image click in jquery.

Image click event using id selector [jQuery]

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<title>Get Image click event</title>
<script type="text/javascript">
$(document).ready(function () {
$("#tulips").click(function () {
alert("Image click in jquery");
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<img src="Image/Tulips.jpg"  runat="server" id="tulips" alt="image click in jquery"/>
</div>
</form>
</body>
</html>

Image click event using css selector [jQuery]

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<title>Get Image click event</title>
<script type="text/javascript">
$(document).ready(function () {
$(".imagecss").click(function () {
alert("Image click in jquery");
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<img src="Image/Tulips.jpg"  runat="server" id="tulips" alt="image click in jquery" class="imagecss"/>
</div>
</form>
</body>
</html>

1 comment :

  1. đồng tâm
    game mu
    cho thuê nhà trọ
    cho thuê phòng trọ
    nhac san cuc manh
    số điện thoại tư vấn pháp luật miễn phí
    văn phòng luật
    tổng đài tư vấn pháp luật
    dịch vụ thành lập công ty trọn gói
    lý thuyết trò chơi trong kinh tế học
    đức phật và nàng audio
    hồ sơ mật dinh độc lập audio
    đừng hoang tưởng về biển lớn ebook
    chiến thắng trò chơi cuộc sống ebook
    bước nhảy lượng tử
    ngồi khóc trên cây audio
    truy tìm ký ức audio
    mặt dày tâm đen audio
    thế giới như tôi thấy ebook

    Hồ An và Trương Đại Đầu sớm đã muốn giáo huấn này mấy tên mắt ngắn này, bây giờ chủ nhân đích thân ra lệnh, tự nhiên là cầu còn không được.

    " Lão Nhị, lão Tam, lão Tứ, các ngươi lui ra, một mình ta là đủ rồi."

    Hồ An thấy đối phương có chút khinh thường mình, trong lòng không khỏi tức giận, khinh thường nói:" Kẻ chết dưới tay Hồ mỗ không phải quỷ vô danh, ngươi hãy xưng tên ra."

    " Tại hạ là người đứng đầu trong Tứ Đại Thiên Vương - Lý Đại."

    Trương Đại Đầu cười hắc hắc, vái Lý Đại nói:" Này vị nhân huynh, không nghĩ tới tên của ngươi so với ta cũng có chữ giống nhau, đều là ‘Đại’. Cám ơn ngươi a."

    Lý Đại ngẫm nghĩ một chút, khinh bỉ nói:" Ta muốn giết ngươi, ngươi vì sao ngươi lại cảm ơn? Chẳng lẽ ngươi là kẻ ngu?"

    Trương Đại Đầu cũng không ngại Lý Đại mà nghiêm trang nói:" Đương nhiên ta cảm tạ ngươi. Trước kia tên ta là đầu to, ta vì thế mà cảm thấy rất phiền muộn. Hôm nay nghe được tên của ngươi, ta rốt cục đã tìm lại được sự tự tin. Bởi vì tên của ngươi so với ta còn hài hước gấp trăm lần."

    " Ha ha!" Lưu Phong mới phát hiện, Trương Đại Đầu còn có chút mỉa mai đối phương.

    " Hỗn trướng, muốn chết !"

    Lý Đại vốn khinh bỉ Trương Đại Đầu, kết quả suy nghĩ cả nửa ngày, lại bị người xỏ mũi. Phẫn nộ cực điểm, hắn bắt đầu triển khai công kích.

    Đoạn Hồ An và Trương Đại Đầu quát một tiếng, song song dấn thân lên, không hề sợ hãi.

    ReplyDelete