jQuery来了
文章平均质量分 72
panlu666_pl
这个作者很懒,什么都没留下…
展开
-
jQuery来了--效果--隐藏和显示,淡入淡出,滑动
隐藏和显示hide()和show()hide()作用:隐藏HTML元素 (相当于CSS中 display:none;)show()作用:显示HTML元素 (相当于CSS中 display:block;)语法: 隐藏:$("selector").hide(speed,callback); 显示:$("selector").show(speed,callback);参数speed:可选值,规定隐原创 2017-04-28 17:03:07 · 3284 阅读 · 0 评论 -
jQuery 来了--动画,停止动画,回调函数Callback,链
动画animate()方法作用:用于创建自定义动画语法:$(“selector”).animate({params},speed,callback);参数 params:必需值。定义形成动画的CSS属性例.script> $(document).ready(function(){ $("button").click(function(){ $("div原创 2017-04-30 00:15:14 · 3323 阅读 · 1 评论 -
jQuery来了--text(),html(),val(),attr(),捕获内容/属性,设置内容/属性,回调函数
捕获获得内容–text(),html()和val()三个用于DOM操作的jQuery方法:text():设置或返回所选元素的文本内容html():设置或返回所选元素的内容(包括HTML标记)val():设置或返回表单字段的值例1. 通过text()和html()方法获得内容:<script>$(document).ready(function(){ $("#btn1").click(原创 2017-04-30 14:29:28 · 1393 阅读 · 0 评论 -
jQuery来了--添加元素,删除元素
添加元素添加新的HTML内容:append():在被选元素的结尾插入内容prepend():在被选元素的开头插入内容after():在被选元素之后插入内容before():在被选元素之前插入内容append()方法作用:在被选元素的结尾插入内容例.<script> $(document).ready(function(){ $("#btn1").click(functio原创 2017-04-30 17:46:29 · 2387 阅读 · 0 评论 -
jQuery来了--定义,引用,语法,文档就绪事件,选择器
定义jQuery是一个JavaScript库引用在HTML中引用jQuery:<head> <script src="jquery.js"></script></head>再将下载的jquery文件放在网页的同一目录下,jQuery会生效语法基础语法:$(selector).action()selector:选择符。“查询”和“查找”HTML元素action():执行对元素的操作文档就绪原创 2017-04-27 20:34:13 · 296 阅读 · 0 评论 -
jQuery来了--事件
事件jQuery是为事件处理特别设计的事件的定义:页面对不同访问者的响应事件处理程序:当HTML中发生某些事件时所调用的方法常见的事件: jQuery事件方法语法:$("选择器").方法名(function(){ //事件触发后执行的代码});常用的jQuery事件方法:某个方法触发某个事件时,会运行 规定此事件发生时的函数1.$(document).ready()$(document)原创 2017-04-28 00:59:56 · 422 阅读 · 0 评论 -
jQuery来了--进行CSS操作的方法(添加/删除类),CSS()方法
CSS类进行CSS操作的方法:addClass():向被选元素添加一个或多个类removeClass():从被选元素删除一个或多个类toggleClass():对被选元素进行添加/删除类的切换操作css():设置或返回被选元素的一个或多个样式属性addClass()方法作用:向被选元素添加一个或多个类例.<script> $(document).ready(function(){原创 2017-05-01 16:10:07 · 866 阅读 · 0 评论 -
jQuery来了--尺寸,返回/设置元素的宽高度
jQuery可用于处理元素和浏览器窗口的尺寸jQuery处理尺寸的方法:width()height()innerWidth()innerHeight()outerWidth()outerHeight()width()和height()方法width()方法设置或返回元素的宽度(不包括内边距,边框或外边距)height()方法设置或返回元素的高度(不包括内边距,边框或外边距)例.原创 2017-06-05 17:07:06 · 1263 阅读 · 0 评论