jQuery知识点集锦
文章平均质量分 66
全球霸蛮
这个作者很懒,什么都没留下…
展开
-
jQuery显示隐藏
1、jQuery中hide()和show()方法来隐藏和显示HTML元素。$(document).ready(function(){$("#hide").click(function(){$("p").hide();})$("#show").click(function(){$("p").show();})})其中HTML代码为:<p>显示隐藏的实现</p><原创 2018-03-29 15:30:28 · 258 阅读 · 0 评论 -
jQuery淡入淡出效果
jQuery淡入淡出,fadeIn(),fadeOut(),fadeToggle(),fadeTo();1、fadeIn():用于淡入已隐藏的元素。例如:<!DOCTYPE html><html> <head> <title>淡入效果展示</title> <meta charset="UTF-8"> &am原创 2018-03-29 15:36:55 · 3824 阅读 · 0 评论 -
jQuery滑动操作
jQuery滑动动作有三种操作,slideDown(),slideUp(),slideToggle().1、slideDown()滑动方法用于向下滑动元素,语法为:$(selector).slideDown(speed,callback);其中speed可以规定效果的时长,分别有”slow“,"fast"或者”毫秒“;callback是滑动完成后所执行的函数。代码如下:<!DOCTYPE h...原创 2018-03-29 15:45:52 · 1035 阅读 · 0 评论 -
jQuery动画
1、aninmate()方法用于创建自定义动画。语法:$(selector).animate({params},speed,callback);params参数定义形成动画的CSS属性,可选的speed参数规定效果的时长,可取的值有“slow”,"fast","毫秒";callback参数是动画完成后所需要执行的函数名称。下面的例子演示animate()方法的简单应用,它把<div>元...原创 2018-03-29 15:59:44 · 1152 阅读 · 0 评论 -
jQuery中stop方法
1、stop()方法用于在动画或者效果完成前对他们进行停止,stop()方法适用于所有jQuery效果函数,包括滑动,淡入淡出,自定义动画。核心代码如下图所示:$(document).ready(function(){ $(".mainContent").click(function(){ $(".panel").slideDown(5000); }); }); ...原创 2018-03-29 16:09:52 · 1107 阅读 · 0 评论 -
使用Chaining在一条语句中写入多个jQuery方法
1、jQuery方法链接,都是一次写一条jQuery语句,有一种链接(chaining)技术,允许我们在相同的元素上运行多条ijQuery命令,这样浏览器就不必多次查找相同的元素。核心代码如下所示: $(document).ready(function(){ $("button").click(function(){ $(".content").css("color","red")...原创 2018-03-29 16:13:28 · 228 阅读 · 0 评论 -
JQuery设置内容与属性
1、设置内容-text(),html(),以及val()。text()----设置或返回所选元素的文本内容html()----设置或返回所选元素的内容(包括html标记)val()---设置或返回表单字段的值主要代码如下图所示:$(document).ready(function(){ $("#btn1").click(function(){ $("#test1").text("H...原创 2018-03-29 16:18:07 · 249 阅读 · 0 评论 -
jQuery动画
1、aninmate()方法用于创建自定义动画。语法:$(selector).animate({params},speed,callback);params参数定义形成动画的CSS属性,可选的speed参数规定效果的时长,可取的值有“slow”,"fast","毫秒";callback参数是动画完成后所需要执行的函数名称。下面的例子演示animate()方法的简单应用,它把<div>元...原创 2018-03-29 16:32:19 · 239 阅读 · 0 评论