事件1
//=========================baidu.js
$(function(){
var flag=true;
$("#baidu").bind('click',function(evt){
evt.preventDefault();
if(flag){
$("#divSmall").attr("src",this.href);
flag=false;
}
});
});
//==============================jq.js
function fn(){
alert($(this).text());
}
function fn1(evt){
alert(evt.data.f);
}
$(function (){
//1：绑定多个事件类型，每个事件类型用空格分隔
//$("#xm").bind("click blur",function(){alert(1)});
/*2： //这个代码让一个<div id="foo">元素（初始情况下class没有设置成entered），当鼠标移进去的时候，在class中加上entered，而当鼠标移出这个div的时候，则去除这个class值。
$('#foo').bind('mouseenter mouseleave', function() { //'mouseenter mouseleave' //这两个事件API没有查出 不过用mouseover mouseout一样的效果
$(this).toggleClass('entered'); //为匹配的元素切换,这里必须写''不能写“”
});*/
/*3: $(document).bind('click',function (evt){
alert( '鼠标的位置'+evt.pageX+":"+evt.pageY);
}
);
*/
//======================下面弹出 都 'Not in the face!';
// var message = 'Spoon!';
// $('#foo').bind('click', function() {
// alert(message);
// });
// message = 'Not in the face!';
// $('#xm').bind('click', function() {
// alert(message);
// });
//===============================现在就不同了，闭包==================================
// var mesage='Thinks';
// $('#xm').bind('click',{msg1:mesage},function(evt){
// alert(evt.data.msg1);
// });
//
// var mesage='sorry';
// $('#foo').bind('click',{msg1:mesage},function(evt){
// alert(evt.data.msg1);
// });
//===================================bind('',data,fun)===============================
//fn,fn1,fn2定义在外面
//$("p").bind('click',fn); //可以得到
//
/* 2:var node=$("p");
node.f="4564654";
node.bind('click',node,fn1);
*/
//=========================================================
// $("p").bind("click", function(){
// alert( $(this).text() );
//});
// //-----------------两者区别：后者只执行一次
//$("p").one('click',function(){
// alert($(this).text());
//});
//=========================================================
//在每一个匹配的元素上触发某类事件就如一刷新就会执行
//$("form:first").trigger("submit") //提交第一个表单，但不用submit()
// $("p").click( function (event, a, b) {
// alert(a);
// alert(b);
// } ).trigger("click", ["foo", "bar"]);
//一刷新就会执行
// $("p").bind('click',function(evt,a,b){alert(a);alert(b);});
// $('p').trigger('click',['ygl','zfl'])
//=============================================================================
//$("p").click(function (evt){alert(evt.clientX);}); //事件对象都有clientX
// $("p").click(function (evt){alert(evt.stopPropagation);});
// $("p").click(function (evt){alert(evt.target);}); //[object HTMLParagraphElement] //指向事件对象；
// $("p").click(function (evt){alert(evt.target.innerHTML);});
//$("a").click(function (evt){ evt.preventDefault();}); //阻止提交
// $("p").unbind(); //取消绑定的函数
}
);
//==========================================================html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jslib/jquery-1.3.2.js"></script>
<script type="text/javascript" src="jslib/jq.js"></script>
<script type="text/javascript" src="jslib/baidu.js"></script>
</head>
<body>
<p>
好啊！
</p>
姓名：<input type="text" name="xm" id="xm"/>
<div id="foo" style="width:300px;height:200px;border:1px solid red"></div>
<a href="http://www.baidu.com" id="baidu">百度</a>
<iframe id="divSmall" style="width:400px;height:200px;border:1px solid red"></iframe>
</body>
</html>
