首先得在页面引入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()+"日"); } }); });