Next, let's take a look at how jquery binds events to various DOM elements in batches.
<Script language = "JavaScript">
<! --
$ (Document). ready (function (){
$ ("Div"). click (function () {// $ ("div") is all the div labels on the page.
Alert ("Hello World! ");
})
})
// -->
</SCRIPT>
$ ("Div "). click $ ("div ") all the div labels on the page are bound with a click event for all the div elements. That is, when all the divs are clicked by the mouse, execute alert ("Hello World! ");
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> jquery basic tutorial 2 (demo mouse click event) </title>
<Script language = "javascript" src = "http://www.cnjquery.com/demo/jquery.js"> </script>
<Script language = "JavaScript">
<! --
$ (Document). ready (function (){
$ ("Div"). click (function (){
Alert ("Hello World! ");
})
})
// -->
</SCRIPT>
</Head>
<Body>
<Div> Hello World! </Div>
</Body>
</Html>
Demo URL: http://www.cnjquery.com/demo/jquerybasics tutorial 2 demomouse Click Event .html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
