| trigger( type, [data] ) 在每一个匹配的元素上触发某类事件。 triggerHandler( type, [data] ) 这一特定方法会触发一个元素上特定的事件(指定一个事件类型)，同时取消浏览器对此事件的默认行动 unbind( [type], [data] ) 反绑定，从每一个匹配的元素中删除绑定的事件。 $("p").unbind() 移除所有段落上的所有绑定的事件 $("p").unbind( “click" ) 移除所有段落上的click事件 hover( over, out ) over,out都是方法, 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 $("p").hover(function(){ $(this).addClass("over"); }, function(){ $(this).addClass("out"); } ); toggle( fn, fn ) 如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。 $("p").toggle(function(){ $(this).addClass("selected"); }, function(){ $(this).removeClass("selected"); } ); 元素事件列表说明 注：不带参数的函数，其参数为可选的 fn。jQuery不支持form元素的reset事件。 事件 描述 支持元素或对象 blur( ) 元素失去焦点 a, input, textarea, button, select, label, map, area change( ) 用户改变域的内容 input, textarea, select click( ) 鼠标点击某个对象 几乎所有元素 dblclick( ) 鼠标双击某个对象 几乎所有元素 error( ) 当加载文档或图像时发生某个错误 window, img focus( ) 元素获得焦点 a, input, textarea, button, select, label, map, area keydown( ) 某个键盘的键被按下 几乎所有元素 keypress( ) 某个键盘的键被按下或按住 几乎所有元素 keyup( ) 某个键盘的键被松开 几乎所有元素 load( fn ) 某个页面或图像被完成加载 window, img mousedown( fn ) 某个鼠标按键被按下 几乎所有元素 mousemove( fn ) 鼠标被移动 几乎所有元素 mouseout( fn ) 鼠标从某元素移开 几乎所有元素 mouseover( fn ) 鼠标被移到某元素之上 几乎所有元素 mouseup( fn ) 某个鼠标按键被松开 几乎所有元素 resize( fn ) 窗口或框架被调整尺寸 window, iframe, frame scroll( fn ) 滚动文档的可视部分时 window select( ) 文本被选定 document, input, textarea submit( ) 提交按钮被点击 form unload( fn ) 用户退出页面 window JQuery Ajax 方法说明: load( url, [data], [callback] ) 装入一个远程HTML内容到一个DOM结点。 $("#feeds").load("feeds.html"); 将feeds.html文件载入到id为feeds的div中 $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); jQuery.get( url, [data], [callback] ) 使用GET请求一个页面。 $.get("test.cgi", { name: “John", time: “2pm" }, function(data){ alert("Data Loaded: " + data); }); jQuery.getJSON( url, [data], [callback] ) 使用GET请求JSON数据。 $.getJSON("test.js", { name: “John", time: “2pm" }, function(json){ alert("JSON Data: " + json.users[3].name); }); jQuery.getScript( url, [callback] ) 使用GET请求javascript文件并执行。 $.getScript("test.js", function(){ alert("Script loaded and executed."); }); jQuery.post( url, [data], [callback], [type] ) 使用POST请求一个页面。 ajaxComplete( callback ) 当一个AJAX请求结束后，执行一个函数。这是一个Ajax事件 $("#msg").ajaxComplete(function(request, settings){ $(this).append("<li>Request Complete.</li>"); }); ajaxError( callback ) 当一个AJAX请求失败后，执行一个函数。这是一个Ajax事件 $("#msg").ajaxError(function(request, settings){ $(this).append("<li>Error requesting page " + settings.url + “</li>"); }); ajaxSend( callback ) 在一个AJAX请求发送时，执行一个函数。这是一个Ajax事件 $("#msg").ajaxSend(function(evt, request, settings){ $(this).append("<li<Starting request at " + settings.url + “</li<"); }); ajaxStart( callback ) 在一个AJAX请求开始但还没有激活时，执行一个函数。这是一个Ajax事件 当AJAX请求开始(并还没有激活时)显示loading信息 $("#loading").ajaxStart(function(){ $(this).show(); }); ajaxStop( callback ) 当所有的AJAX都停止时，执行一个函数。这是一个Ajax事件 当所有AJAX请求都停止时，隐藏loading信息。 $("#loading").ajaxStop(function(){ $(this).hide(); }); ajaxSuccess( callback ) 当一个AJAX请求成功完成后，执行一个函数。这是一个Ajax事件 当AJAX请求成功完成时，显示信息。 $("#msg").ajaxSuccess(function(evt, request, settings){ $(this).append("<li>Successful Request!</li>"); }); jQuery.ajaxSetup( options ) 为所有的AJAX请求进行全局设置。查看$.ajax函数取得所有选项信息。 设置默认的全局AJAX请求选项。 $.ajaxSetup({ url: “/xmlhttp/", global: false, type: “POST" }); $.ajax({ data: myData }); serialize( ) 以名称和值的方式连接一组input元素。实现了正确表单元素序列 function showValues() { var str = $("form").serialize(); $("#results").text(str); } $(":checkbox, :radio").click(showValues); $("select").change(showValues); showValues(); | 