本文实例讲述了jQuery中click事件用法。分享给大家供大家参考。具体分析如下： 当鼠标指针在匹配元素上方，然后按下并松开鼠标左键或者调用click()方法都会触发click事件。 一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。 可以通过click()方法为click事件绑定事件处理程序。例如:代码如下:$("button").click(function(){$("div").css("color","green")}) 以上代码就是将function函数作为事件处理程序通...
本文实例讲述了jQuery中focus事件用法。分享给大家供大家参考。具体分析如下： 当元素获得焦点或者调用focus()方法时候会触发focus事件。 一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。 可以通过focus()方法为focus事件绑定事件处理程序。例如：代码如下:$("input").focus(function(){$(this).css("backgroundColor","red")}) 以上代码就是将function函数作为事件处理程序通过focus()方法绑定到focus...
本文实例讲述了jQuery中ajax的get()方法用法。分享给大家供大家参考。具体分析如下： $.get()通过 HTTP GET请求从服务器上请求数据。 语法结构:代码如下:$.get(url, [data], [callback], [type]); 参数解析: 1.URL:必须，规定请求的URL。 2.data:可选，待发送 Key/value 参数。 3.callback:可选，请求成功后所执行的回调函数。 4.type:可选，返回内容格式，xml, html, script, json, text, _default。 代码实例:代码如下: <!DOCTYP...
本文实例讲述了jQuery中ajax的post()方法用法。分享给大家供大家参考。具体分析如下： $.post() 方法通过HTTP POST请求从服务器上请求数据。 语法结构:代码如下:$.post(URL,data,callback); 参数解析: 1.URL:必须，规定请求的URL。 2.data:可选，规定连同请求发送的数据。 3.callback:可选，规定请求成功后所执行的函数名。 代码实例:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content...
本文实例讲述了jQuery.holdReady()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以暂停或者恢复jQuery.ready()事件。 调用此方法可以延迟jQuery的ready事件，也就是说尽管文档已经加载完成，也不会执行ready事件处理方法。 可以多次调用jQuery.holdReady()方法，以延迟jQuery的ready事件，当满足一定条件时，再通过将此方法的参数设置为false，一一解除延迟。方法一般用于动态脚本加载，知道脚本加载完成然后再通过将此...
本文实例讲述了jQuery中change事件用法。分享给大家供大家参考。具体分析如下： change事件会在匹配元素失去焦点或者其值获得焦点并且改变时触发。 一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。 可以通过change()方法为change事件绑定事件处理程序。例如：代码如下:$("input").change(function(){$("input").css("backgroundColor","green")}) 以上代码就是将function函数作为事件处理程序通过chang...
本文实例讲述了jQuery中mouseover事件用法。分享给大家供大家参考。具体分析如下： 当鼠标指针位于匹配的元素上方或者调用mouseover()方法时触发mouseover事件。 一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。 可以通过mouseover()方法为mouseover事件绑定事件处理程序。例如：代码如下:$("div").mouseover(function(){$("div").text("脚本之家欢迎您！")}) 以上代码就是将function函数作为事件处理程...
本文实例讲述了jQuery中ajax的load()方法用法。分享给大家供大家参考。具体分析如下： 此函数jQuery中简单而功能强大的ajax方法。 它可以从服务器加载内容，然后写入匹配元素。 语法结构:代码如下:$(selector).load(URL,data,callback); 参数解析: 1.selector:一个选择器，可以将内容加载到此选择器匹配的元素中。 2.URL:必须，需要加载的一个url地址。 3.data:可选，与请求一同发送的查询字符串键/值对集合。 4.callback:可选，lo...
本文实例讲述了jQuery回调函数的定义及用法。分享给大家供大家参考。具体分析如下： jQuery代码中对回调函数有着广泛的应用，对其有精准的理解是非常有必要的，下面就通过实例对此方法进行简单的介绍。 代码实例如下： 利用回调函数，当div全部隐藏之后弹出一个提示框。代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style type...
本文实例讲述了jQuery后代选择器用法。分享给大家供大家参考。具体分析如下： 后代选择器匹配给定的祖先元素下用以匹配的所有后代元素。 点击选择器可以查阅参考手册中所有jQuery选择器。 代码实例如下:代码如下:$(".mydiv span") 以上代码匹配类名mydiv元素包含的span元素。两个选择器之间要用空格分隔。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.c...
本文实例讲述了jQuery分组选择器用法。分享给大家供大家参考。具体分析如下： 分组选择器将每一个选择器匹配到的元素合并后一起返回，能够对它们进行相同的操作。 实例代码:代码如下:$(".mydiv ,span") 以上代码能够匹配类名为mydiv的元素和所有的span元素。两个选择器之间要用逗号分割。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚...
本文实例讲述了jQuery元素选择器用法。分享给大家供大家参考。具体分析如下： 元素选择器根据元素名称匹配所有的元素。 实例代码:代码如下:$("div") 以上代码匹配所有的div元素。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>元素选择器-脚本之家</title> <style type="text/css"> div{ height:150px; width:150px; ...
本文实例讲述了jQuery类选择器用法。分享给大家供大家参考。具体分析如下： 类选择的器匹配具有指定类名的所有元素。 例子:代码如下:$(".mydiv") 以上代码选取类名为mydiv的所有元素。 注意:在mydiv前面有一点(.)。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style type="text/css"> div{ height:150px; w...
本文实例讲述了jQuery的css()方法用法。分享给大家供大家参考。具体分析如下： 此方法返回或设置匹配元素的一个或多个样式属性。 语法结构: 语法一: 取得指定样式属性的属性值。 以样式属性名称作为参数。例如:代码如下:$("div").css("color") 以上代码能够获取div的字体颜色值。 代码实例:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>css()函数-...
本文实例讲述了jQuery中fadeOut()方法用法。分享给大家供大家参考。具体分析如下： 此方法通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。 fadeOut()方法的用法: 此方法可以规定动画效果的持续时间。例如:代码如下:$("div").fadeOut(5000) 以上代码规定div的淡出效果可在5000毫秒(5秒)内完成。 此方法也可以在动画完成后触发一个回调函数。例如:代码如下:$("div").fadeOut(5000,function...