首先得在页面引入jquery框架(如下的各种版本):
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery..js"></script>
事件的响应:
<script type="text/javascript">
$(document).ready(function() {
$("#b").click(function() {
alert("Hello world!");
});
});
</script>
<div><button id="b">alert按钮</button></div>
$()表示选择某一个对象,有如下几种形式:
$()可以是选择$(expresion),即css选择器、Xpath或html元素;例如:$("a").click(function(){...}) 选择所有<a/>这个标签常用的可以是<button>,<div>;
$()可以是选择$(element),即一个特定的DOM元素。例如$(document).click(function(){...}:如常用的DOM对象有document、form、location等
$()可以是$(function),即一个函数,它是$(document).ready()的一个速记方式。如常见的形式是这样的:
$(document).ready(function(){
alert("Hello world!");
});
可变形作:
$(function(){
alert("Hello world!");
});
通过选择datebox的date对象在alert中限制年月日
$(document).ready(function()
{$("#dd").datebox({
onSelect: function(date){
alert(date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日");
}
});
});