Home > Developer > Web Develop
Html:
<Html>
<Head>
<Metahttp-equiv="Content-type"Content="Text/html"/>
<Metacharset="Utf-8"/>
<title></Title>
<!--introducing jquery Library--
<ScriptType="Text/javascript"Src="Js/jquery-2.2.2.min.js" ></Script>
<ScriptType="Text/javascript" >
Page load events for jquery
$ (document).ReadyfunctionE) {
Change the font of a DIV element
$("#msg").css"Font-size","19pt");
Add a single-machine event to the DIV
$("#msg").ClickfunctionE) {
Alert ($ (This).HTML ());
})
Add a new div element to the page
$("<div>", {
Set div style
Style:"Font-size:15pt",
Text:"Single-Machine change color Here",
Click: function () {
$(This).css ( "# 9f3 ");
}
//adds the div to the body
"). AppendTo ( "body");
});
</SCRIPT>
</head>
<div id= "msg" > Welcome to read jquery from zero-start learning </DIV>
</body>
</HTML>
Result
Initial:
After clicking:
jquery from a zero-start study
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
