【【JQ】toggle / slideToggle / fadeToggle 的区别】的更多相关文章

【JQ】toggle / slideToggle / fadeToggle 的区别

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQ</title> <style> div { width: 100px; height: 100px; background: yellow; border: 1px red solid; } </style> </head…

java：JQuery（声明，JQ和JS对象的区别，prop，attr，addClass，offset，trigger，dblclick和change事件，hide，show，toggle，slideUp，slideDown，slideToggle，三种选择器，标签的获取，三张图片的放大与缩小）

1.JQuery: jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计 的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:具有高…

关于JQ toggle 的注意事项

1.9.1以后的版本,好像不支持 jq 的 toggle function的用法啦.…

JQ中 trigger()和triggerHandler()区别

既然使用了trigger和triggerHandler,那么你应该了解了他们的差别了. trigger():在每一个匹配的元素上触发某类事件. triggerHandler():这个特别的方法将会触发指定的事件类型上所有绑定的处理函数. 看似两个非常相似,但是表同里不同! 下面就是他们之间的三大区别: 第一:trigger会导致浏览器同名的默认行为的执行,如:trigger('submit');不但会执行submit()函数的效果,也会执行表单提交的效果: 而triggerHandler就不会导…

2、jQuery的基本概念-必看-版本-入口函数- jq对象和dom对象区别

1.4. jQuery的版本 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 大版本分类: 1.x版本:能够兼容IE678浏览器 2.x版本:不兼容IE678浏览器 1.x和2.x版本jquery都不再更新版本了,现在只更新3.x版本. 3.x版本:不兼容IE678,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678) 关于压缩版和未压缩版 jquery-1.12.4.min.js:压缩版本,适…

JQ first-child与:first的区别以及nth-child(index)与eq(index)的区别

1.first-child和:first区别 first-child  是指选取每个父元素的第一个子元素 如$("div:first-child")指每个父级里的第一个div孩子 :first 是指选取第一个元素 如$("li:first")值得是整体第一个li标签 两个在数量上有很大区别,first-child会检测到每一个有子集的元素里面的第一个符合的元素,而:first只全文的第一个符合的元素 2.nth-child(index)与eq(index)的区别 这…

angular 和jq 的AJAX的请求区别

最近项目中使用angular,结果发现后台没法获取参数,所以,稍微研究了一下两者在发送ajax时的区别. 注意angular和jquery的ajax请求是不同的. 在jquery中,官方文档解释contentType默认是 application/x-www-form-urlencoded; charset=UTF-8   contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8') Type: String…

jq的slideToggle效果

slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态. 如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素. 例子:一个简单的下拉菜单效果----> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <script src="https://cdn…

jq size()与length的区别

size()跟length同样的功能,都是取元素的个数,那么他们的区别是什么呢,一个是方法一个是属性? 从图中可以看到size()方法比length慢38%,原因何在? size: function () { return this.length; } 可以看到size()的实质是调用对象的length属性实现的; 意思是说在jquery 1.8里面,用length取代了size(),size()跟length功能是等同的,但是length更优秀,因为他不需要返回一个函数调用. 一定要说差别,s…

JQ Ajax 同步与异步的区别

$.ajax({ url: xml_addr, type: 'get', dataType: 'xml', timeout: 1000, //设定超时 cache: false, //禁用缓存 async:false,//同步(保证配置取出再执行其他的代码) error: function(xml) { console.log("读取xml出错"); }, success:function(xml) { $(xml).find("server").each(func…

【学习笔记】锋利的jQuery（三）事件和动画

一.jQuery事件 1,加载事件 $(document).ready(function(){...}) //等同于$(function(){..}) $(window).load(function(){...}) //等同于window.onload = fn 2,基本事件绑定 bind(type,[.data],fn) //可绑定多个事件:bind("mouseover mouseout",fn) unbind(type,fn) //解除绑定 one(type,[.data],fn…

jQuery动画知识总结

jQuery动画概述 我们之前实现的下拉菜单的案例,是没有动画效果的,但是在日常开发中,动画效果是经常会用到的,所以我们可以尝试使用jQuery动画,将下拉菜单案例实现的更动感一些. jQuery提供了三组动画,这些动画都是标准的.有规律的效果,同时jQuery还提供了自定义动画的功能. 显示与隐藏 显示(show)与隐藏(hide)是一组动画: show方法详解 show([speed], [callback]); /* speed(可选):动画的执行时间 1.如果不传,就没有动画效果. 2.…

tp剩余未验证内容-3

为什么有时候会 出现 "上传文件保存错误"? public function save($file, $replace=true){ /* 移动文件 */ if (!move_uploaded_file($file['tmp_name'], $filename)) { $this->error = '文件上传保存错误!'; // 比如写权限, 或文件本身的一些问题, 或者 网络关闭/网速慢等的一些问题等 return false; // 都有可能 引起上传文件的 保存错误! }…

jQuery-4.动画篇---动画切换的比较（toggle与slideToggle以及fadeToggle的比较）

jQuery中toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法.例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法.show/hide.sildeDown/sildeUp.fadeIn/fadeOut.除此之外,还引入了toggle.sildeToggle以及fadeToggle切换方法 toggle.sildeToggle以及fadeToggle的区…

JQ的live(),on(),deletage(),bind()几个的区别

今天在网上看到一篇文章,关于JQ里面事件绑定的区别,说说我自己看后的理解,本人菜鸟一枚,很多东西不懂 ,有理解错误的还望大神们多多指教 bind()方法是绑定事件最直接的方法,这个方法是绑定到document上存在最久的方法,也很好的解决了兼容性方面的问题: bind()方法的优点:1.很好的解决了各个浏览器的兼容性问题: 2.非常方便简单的能进行事件的绑定:  3.对于利用ID选出来的元素是非常好的,不仅仅是很快的可以hook上去(因为一个页面只有一个id),而且当事件发生时,handler可…

jQuery绑定事件方法及区别(bind,click,on,live,one)

第一种方式: ? 1 2 3 4 5 $(document).ready(function(){  $("#clickme").click(function(){  alert("hello world click")  }) }) 第二种方式(简写方式为第一种): ? 1 2 3 $('#clickmebind').bind("click", function(){  alert("Hello World bind"); }…

【jQuery】 JQ和HTML以及JQ遍历元素

JQ & HTML JQ作为一个JS库,很好地继承了JS和HTML互动的特点,并且还给出了包装得更好,操作层次更高的方法.和之前JQ的内容一样,方法的表现形式是$(selector).action().下面根据操作分类来进行一些罗列 ■ 文档 & 属性操作 ●  获得/设置内容 text(...) 当没有参数时返回被选元素的文本内容,当设置有参数时指设置被选元素的内容为参数值 html(...) 和text类似,只不过获取/设置的对象是html代码 val(...) 用于获取/设置表单中输…

Java Web-JQuery学习

Java Web-JQuery学习 JQuery概念 是一个JS框架,可以用来简化JS的开发,设计宗旨是"write less,do more",即写更少的代码,做更多的事情.它封装了JS常用的代码.优化了文档操作(DOM).事件处理.动画操作 什么是框架呢?从理论上来说,我们自己定义一个JS文件,将一些JS的实现放到里面,然后在HTML中通过<scrpit>标签引入该资源,也能叫一个框架. 快速入门 下载JQuery文件 在项目中导入js文件 使用 JQuery的版本:…

jQuery学习笔记（四）jQuery中的动画

目录 show()方法和hide()方法 fideIn()方法和fadeOut()方法 slideUp方法和slideDown()方法 自定义动画方法animate toogle(),slideToggle(),fadeTo(),fadeToggle() jQuery中的动画的各个方法总结比较 动画示例效果 jQuery最吸引人的地方莫过于能做出绚丽的动画了,也是能极大提高用户体验的地方,这次我们就来一探jQuery中的动画! 一. show()方法和hide()方法 show()方法与hide…

jQuery基础（动画篇 animate，显示隐藏，淡入淡出，下拉切换）

1.jQuery中隐藏元素的hide方法   让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果   $elem.hide()   提供参数:   .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进…

第73天：jQuery基本动画总结

一.DOM对象跟jQuery对象相互转换 jQuery对象转换成DOM对象: 方式一:$(“#btn”)[0] 方式二:$(“#btn”).get(0) DOM对象转换成jQuery对象: $(document) -> 把DOM对象转成了jQuery对象 var btn = document.getElementById(“bt n”); btn -> $(btn); 二.jQuery基本动画 Jquery的动画效果能够轻松的为网页添加动画效果,为网页带来了新的活力. 1.jQuery中隐藏元…

jquery--动态篇

jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参数…

【总结整理】JQuery基础学习---动画

jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参数…

jQuery笔记（四）jQuery中的动画

jQuery最吸引人的地方莫过于能做出绚丽的动画了,也是能极大提高用户体验的地方,这次我们就来一探jQuery中的动画! 一. show()方法和hide()方法 show()方法与hide()方法是jQuery中最基本的动画方法,hide()方法设置是将所匹配的元素的样式display甚至为none.使用方法也很简单. $("element").show(); //将元素element显示 $("element").hide(); //将元素element隐藏 $…

zk jquery的使用

jQuery_effects.zul: <?page title="Jquery" contentType="text/html;charset=UTF-8"?> <z:zk xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:z="http://www.zkoss.org/2005/zul" xsi:schemaLocation="…

隐藏和显示效果js动画

<div id='ctt' style='margin-left: 50px; color: white'>             <input type="button" name="name" value="show()显示效果" onclick='show3()' />             <input type="button" name="name" value…

019 jquery中的动画

1.隐藏和显示 2.透明度与高度 3.可见性 4.程序一(show与hide加入参数实现动画) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> *{ margin:0; padding:0; } body { fo…

与jQuery的感情碰撞——由浅入深学jQuery

原来的时候自己看过jQuery,但是对于什么是jQuery,除了知道jQuery是一种javascript类库外,除了会用几个网页特效外,其他的我这真的是不知道啊.眼看自己就要找工作了,所以自己需要好好学习一下,系统的了解一下.学习了一天,下面把我学习到的精华写给大家,如果有什么错误,希望大家给予指正. 我们学习jQuery之前,必须好好的学习javascript,如果不会javascript的话,jQuery还是不会学的很好的. 一.下面先了解什么是javascript.javascript需…

Jquery 使用小结

JQuery API中文档地址:http://www.hemin.cn/jq/index.html JQuery 中文社区:http://www.jquery.org.cn/ 1.siblings() 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合.可以用可选的表达式进行筛选. //同辈元素只能设一个样式为selected $ele.parent().addClass("selected").siblings().removeClass("selected…

jQuery 之 .stop() 方法

总结version 1.7版本前.stop([clearQueue][,jumpToEnd])clearQueue: 布尔值,默认是 false;此值处理是相关的动画队列是否移除,如果为 false 时,则停止当前的动画,后面的动画按队列进行.如果为 true,则全部移除动画jumpToEnd:布尔值,默认是 false,此值处理的是相关动画是立即完成还是按队列顺序完成,如果为 false,则按队列顺序完成,如果为 true,即立即完成完成队列的动画 version 1.7 之后.stop([q…