AKever

导航

JavaScript 脚本helloworld

JavaScript 脚本helloworld

不需要解释

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<title>helle Query</title>
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>

<script type="text/javascript"> 
//等待dom元素加载完毕. 
$(document).ready(function(){ 
    $("#bt").click(function(){
        alert('Hello World');
    }); 
}); 
</script> 
</head>
    
<body>
    <!-- <span id="ok">hello jquery</span> -->
    <input type="button" id="bt" value="Click" />  
</body>

</html>

 jQuery库下载：http://jquery.com/download/

 

圆角插件：jquery.corner.js

代码：同上

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<title>helle Query</title>
<script type="text/javascript" src="jquery-3.1.0.min.js"></script> 
<script type="text/javascript" src="jquery.corner.js"></script>

<script type="text/javascript"> 
//等待dom元素加载完毕. 
$(document).ready(function(){ 
    $("#bt").click(function(){
        alert('Hello World');
        $("#bt").corner(); /*圆角*/
    }); 
}); 
</script> 
</head>
    
<body>
    <!-- <span id="ok">hello jquery</span> -->
    <input type="button" id="bt" value="Click" />  
</body>

</html>

下载：http://jquery.malsup.com/corner/

posted on 2016-07-17 15:06  AKever  阅读(185)  评论(0)    收藏  举报