本文实例讲述了jQuery回调函数的定义及用法。分享给大家供大家参考。具体分析如下: jQuery代码中对回调函数有着广泛的应用,对其有精准的理解是非常有必要的,下面就通过实例对此方法进行简单的介绍。 代码实例如下: 利用回调函数,当div全部隐藏之后弹出一个提示框。代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(function(){ $("button").click(function(){ $("...
本文实例讲述了jQuery分组选择器用法。分享给大家供大家参考。具体分析如下: 分组选择器将每一个选择器匹配到的元素合并后一起返回,能够对它们进行相同的操作。 实例代码:代码如下:$(".mydiv ,span") 以上代码能够匹配类名为mydiv的元素和所有的span元素。两个选择器之间要用逗号分割。 实例代码:代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(function(){ $("but...
本文实例讲述了jQuery中animate()方法用法。分享给大家供大家参考。具体分析如下: 此方法用于创建自定义动画,并且能够规定动画执行时长、擦除效果。动画完成后还可以地触发一个回调函数。 animate()方法的使用: 方式一: 以“属性名/值”对象的方式定义动画终止样式属性。例如: 代码如下:$("div").animate( {width:"1000px"}) 以上代码能够将div从原有的宽度调整到1000px。也可以一次性使用多组“属性名/值”对象。例如: 代码如下...
本文实例讲述了jQuery中fadeOut()方法用法。分享给大家供大家参考。具体分析如下: 此方法通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。 fadeOut()方法的用法: 此方法可以规定动画效果的持续时间。例如:代码如下:$("div").fadeOut(5000) 以上代码规定div的淡出效果可在5000毫秒(5秒)内完成。 此方法也可以在动画完成后触发一个回调函数。例如:代码如下:$("div").fadeOut(5000,function...
本文实例讲述了jQuery后代选择器用法。分享给大家供大家参考。具体分析如下: 后代选择器匹配给定的祖先元素下用以匹配的所有后代元素。 点击选择器可以查阅参考手册中所有jQuery选择器。 代码实例如下:代码如下:$(".mydiv span") 以上代码匹配类名mydiv元素包含的span元素。两个选择器之间要用空格分隔。 实例代码:代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(fu...
本文实例讲述了jQuery类选择器用法。分享给大家供大家参考。具体分析如下: 类选择的器匹配具有指定类名的所有元素。 例子:代码如下:$(".mydiv") 以上代码选取类名为mydiv的所有元素。 注意:在mydiv前面有一点(.)。 实例代码:代码如下:脚本之家 div{ height:150px; width:150px; background-color:green; margin-top:10px; } $(document).ready(function(){ $("button").click(function(){ $(".mydiv").hide(); }) }) 点击隐藏di...
本文实例讲述了jQuery元素选择器用法。分享给大家供大家参考。具体分析如下: 元素选择器根据元素名称匹配所有的元素。 实例代码:代码如下:$("div") 以上代码匹配所有的div元素。 实例代码:代码如下:元素选择器-脚本之家div{height:150px;width:150px;background-color:green; }$(document).ready(function(){$("button").click(function(){$("div").hide();}) })点击隐藏div元素在以上代码中,当点击按钮的时候能够将div元素隐藏。...
本文实例讲述了jQuery中after()方法用法。分享给大家供大家参考。具体分析如下: 此方法可向每个匹配元素的外部的尾部追加HTML内容。 特别说明: 此方法是追加内容,也就是原来的内容还在。 HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。 文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染。 语法结构:代码如下:$(selector).after(content) 实例代码: 实例一:代码如下:脚本之家div...
本文实例讲述了jQuery中click事件用法。分享给大家供大家参考。具体分析如下: 当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件。 一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。 可以通过click()方法为click事件绑定事件处理程序。例如:代码如下:$("button").click(function(){$("div").css("color","green")}) 以上代码就是将function函数作为事件处理程序通...
本文实例讲述了jQuery中remove()方法用法。分享给大家供大家参考。具体分析如下: 此方法将会从DOM中删除所有匹配的元素。 说明:remove()方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,不过除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。 语法结构:代码如下:$(selector).remove(expr) 参数列表:参数描述expr可选。用于筛选元素的jQuery表达式实例代码: 实例一:代...
本文实例讲述了jQuery中height()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以获取或者设置匹配元素的高度值,默认单位是px。 语法结构一:代码如下:$(selector).height() 不带参数的时候是返回第一个匹配元素的当前高度。 实例代码:代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(function(){ alert($("div").height()); }) 语法结构二:代码如下:$(se...
本文实例讲述了jQuery中prepend()方法用法。分享给大家供大家参考。具体分析如下: 此方法可向所有匹配元素的内部的前面追加HTML内容。 特别说明: 此方法是追加内容,也就是原来的内容还在。 HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。 文本内容是先将内容中的html预定义字符转换成html字符实体,这样html标签就不会被渲染。 语法结构:代码如下:$(selector).prepend(content) 实例代码: 实例一:代码如下:脚本之...
本文实例讲述了jQuery中width()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以获取或者设置匹配元素的宽度值,默认单位是px。 语法结构一:代码如下:$(selector).width() 不带参数的时候是返回第一个匹配元素的当前宽度。 实例代码:代码如下:脚本之家 div{ height:150px; width:150px; background-color:green; margin-top:10px; text-align:center;line-height:150px; } $(document).ready(function(){ $("div").text...
本文实例讲述了jQuery中hide()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以将匹配元素隐藏。 hide()方法的用法: 此方法如果没有对隐藏效果加以时间限定,那么匹配元素会被瞬间隐藏。例如:代码如下:$("div").hide() 以上代码可以将所有div元素瞬间隐藏。 如果方法对隐藏效果加以时间限定,那么匹配元素将会在限定的事件内以比较优雅的形式隐藏。例如:代码如下:$("div").hide(2000) 以上代码可以将所有div元素在200...
本文实例讲述了jQuery中detach()方法用法。分享给大家供大家参考。具体分析如下: 此方法从DOM中删除所有匹配的元素。 说明:detach()方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。 语法结构:代码如下:$(selector).detach(expr) 参数列表: 参数描述expr可选。用于筛选被删除元素的jQuery表达式。实例代码: 实例一:代码如下:脚本之...