toggle，hasClass

toggle 但当toggle(),不带参数时,与show()和hide()的作用一样,切换元素的可见状态,如果元素是可见的,则切换为隐藏状态;如果元素是隐藏的则切换为可见状态,此时括号内可添加()毫秒(如1000)等),slow,normal,fast等; toggleClass( )与toggle( )差不多,如果里面含有class样式则移除,没有的话则添加;其事例代码如下: $("#p").click(function(){ $("#i").toggle(&q…

jquery选择后代以及toggle，toggleClass用法

$("#id").find(".classname") 选择id为xx下的类名为xx的元素 toggle $(this).next(".classname").toggle() 点击当前元素时,它的下一个名为xx的元素会显示,再次点击会隐藏 toggleClass $(this).find(".up").toggleClass(".on") 当前点…

jquery源码解析：addClass，toggleClass，hasClass详解

这一课,我们将继续讲解jQuery对元素属性操作的方法. 首先,我们先看一下这几个方法是如何使用的: $("#div1").addClass("box1 box2"); //给元素div的class属性添加box1和box2 $("#div1").removeClass("box1"); //删除元素div的class属性值box1 $("#div1").toggleClass("…

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的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:具有高…

js 中class选择器，addClass，removeClass，hasClass，toggleClass，getByClass

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="智能社 - zhinengshe.com" /> <meta name="copyright" content="智能社 - zhinengshe.com" /> <t…

absolute、relative，toggle()

測试代码例如以下: <div> <div class="global">不应用样式</div> <div class="global abs">位置为:absolute </div> <div class="global rel">位置为:relative</div> </div> 这两者的差别: 1. absolute不占位置,relative是占位…

jquery之hasClass

看jquery的在线手册,hasClass的例子给的是这个 html部分: <div class="protected"></div><div></div> jquery部分: $("div").click(function(){ if ( $(this).hasClass("protected") ) $(this) .animate({ left: -10 }) .animate({ left:…

uGUI练习(九) Toggle Button

练习目标练习单选框,多选框 Toggle Group:Toggle容器 Toggle:单一的选项练习步骤 1.创建一个Panel,命名TogglePanel,添加Toggle Group组件,可以看到ToggleGroup面板十分的简洁,那看来Toggle触发的事件要在child下完成了. TogglePanel属性面板 2.在TogglePanel下创建两个Toggle,命名ToggleRed,ToggleBlue,默认创建的Toggle,是这样的属性面板如下( 属性标注出了可以拦截的事…

引用 1.9.1.min.js dom对象没有live 绑定事件方法，引用 1.7.js 就有live 绑定事件方法

问题:相同环境,引用 1.9.1.min.js $('div[data-role="page"]').live('pagehide', function (event, ui) { $(event.currentTarget).remove(); });这个报错,提示 Uncaught TypeError: Object [object Object] has no method 'live'而引用1.7就不会.谁能解释一下,一般都是高版本兼容低版的.还是我下载的1.9.1.min.j…

好记心不如烂笔头之JQuery学习，第四章

---恢复内容开始--- JQuery中的事件和动画 JQuery中的事件: $(document).ready()该事件和JS中的window.load类似,但是window.load中需要等待所有资源加载完毕后才处理(例如图片下载完),而$(document).ready()是在DOM树加载完毕后就进行处理了.但是在过程中有些也是需要加载完再处理的,比如知道图片的高宽比等,这时候就可以用$(window).load(function(){})这样处理了,与window.load等价. 多次执…

Feature Toggle JUnit

Feature Toggle,简单来说,就是一个开关,将未完成功能的代码屏蔽后发布到生产环境,从而避免多分支的情况.之所以有本文的产生,就是源于此情景.在引入Feature Toggle的同时,我们发现之前对这些未开发完功能的代码的单元测试不是很稳定,而且如果我们在用feature toggle关掉这个功能之后,这些测试也是对发布毫无价值可言,所有我们需要将这些测试全部屏蔽掉,以免影响运行其他测试结果. 在经过项目组讨论之后,我们毅然决然摒弃了直接采用@Ignore的低级做法,决定自己来实现一个…

jquery插件制作，下拉菜单

要求输入框点击出现下拉菜单,并实现以下功能: 1.首先点击地点标签页,选择好地点: 2.自动显示相应节点标签页显示节点信息,选择好节点 3.自动显示相应的连接点,选择连接点,连接点被选中并被传送的输入框input控件中这个控件实际上要在前面的tab的某个子项选中以后,动态更新后面的tab内容,并且跳到后面的tab,如果tab是最后一页,则将选择内容提交到input中.为了通用性,该控件从外部接收json数据,以及调用参数,可以生成对应下拉菜单.该tab菜单支持层次可以任意设置,根据接收到的js…

jQuery UI 实例 – 切换(Toggle)

toggle()函数用于为每个匹配元素的click事件绑定轮流的处理函数. toggle()是一个特殊的事件函数,用于为匹配元素的click事件绑定多个事件处理函数.每次触发click事件时,toggle()函数会轮流执行其中的一个事件处理函数. 例如,我们使用toggle("click", A, B, C)为元素的click事件绑定了3个事件处理函数A.B.C.第一次点击执行A,第二次点击执行B,第三次点击执行C,第四次点击又执行A,第五次点击又执行B ……(如果调用了多次toggl…

JQuery -- Dom操作，示例代码

1.内部插入节点 * append(content) :向每个匹配的元素的内部的结尾处追加内容 * appendTo(content) :将每个匹配的元素追加到指定的元素中的内部结尾处 * prepend(content):向每个匹配的元素的内部的开始处插入内容 * prependTo(content) :将每个匹配的元素插入到指定的元素内部的开始处 2.外部插入节点 * after(content) :在每个匹配的元素之后插入内容 * before(content):在每个…

jquery toggle()设置

很多朋友对jquery toggle()比较熟练,甚至经常用到,而且对toggle的三个参数也比较了解$(selector).toggle(speed,callback,switch).但是当你设置$(selector).toggle(200),给一个速度的时候,发现toggle是左右滑动的.但是它的参数中没有设置方向的,如何让toggle()上下滑动呢? 解决方案假如你对上面的说法比较赞同,那么,说明还对jquery的动画效果不是很熟悉啊!哈哈哈. 其实,你翻阅资料,可以看到,jquery还…

开发过程中遇到的js知识点总结，面试题等，持续更新

1.Object.freeze() 方法用于冻结一个对象,即将对象设置为不可扩展.将对象的所有自有的属性和方法(包括Symbol值的属性和方法)配置为不可配置,不可写. Object.freeze(obj) 返回值是已冻结的对象. 这个操作不会影响从原型对象继承来的属性和方法,即只影响自有的属性和方法,一旦对象被冻结,其自身的所有属性都不可能以任何方式被修改. 2.深度选择器 >>> 与 /deep/ .fuck >>> .weui-cells { // ... }…

jQuery属性操作

jQuery 的属性操作的核心部分其实就是对底层 getAttribute().setAttributes()等方法的一系列兼容性处理 ...if ( notxml ) { name = name.toLowerCase(); hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook ); } if ( value !== undefined ) { if ( value === null…

使用Font Awesome替换你的网站图标

http://fortawesome.github.io/Font-Awesome/whats-new/ 使用Font Awesome替换你的网站图标 ******************IE7BUG begin********************* 问题: Font-Awesome字体在ie7上不能toggle,原因是Font-Awesome在ie7上使用expression完成显示的.目前网上有很多遇到的但没找到解决方案. 解决方案: 比较蠢,采用clone/append完成class的…

bootstrap插件学习-bootstrap.button.js

先看bootstrap.button.js的结构 var Button = function ( element, options ){} //构造器 Button.prototype = {} //构造器的原型 $.fn.button = function ( option ){} //jQuery原型上的自定义方法 $.fn.button.defaults = {} //默认参数 $.fn.button.Constructor = Button //重写jQuery原型自定义方法的构造器名…

第二十课：js中如何操作元素的属性系统

本章的内容有点复杂,我将用简单的方式来介绍重要的东西,不重要的东西,这里就不讲了,讲了也毛用. 通常我们把对象的非函数成员叫做属性.对元素节点来说,其属性大题分为两大类,固有属性和自定义属性.固有属性拥有默认值,并且无法删除.自定义属性是用户随意添加的键值对.浏览器提供一组API来供人们操作自定义属性,即:setAttribute,getAttribute,removeAttribute,我们统称这组API为DOM属性系统. DOM属性系统对属性名会进行小写处理,属性值会统一转字符串,举个例子:…

第十七章：jQuery类库

javascript的核心API设计的很简单,但由于浏览器之间的不兼容性,导致客户端的API过于复杂.IE9的到来缓解了这种情况.然而使用javascript的框架或者工具类库,能简化通用操作,处理浏览器之间的差异,这让很多程序员在开发web应用时变得更简单. jQuery类库被广泛的使用,作为web开发者,我们必须熟悉它:即便没有在自己的代码中遇到,也可能在别人的代码中遇见.幸运的是,jQuery代码足够小巧和稳定,本章就能将它讲述清楚. jQuery能让你在文档中轻松找到关心的元素,并对这些…

jquery动态样式操作

获取与设置样式获取class和设置class都可以使用attr()方法来完成.例如使用attr()方法来获取p元素的class,JQuery代码如下: 1 var p_class = $("p").attr("class"); //获取p元素的class 使用attr()方法来设置p元素的class,JQuery代码如下: 1 $("p").attr("'class", "high"); //设置p元素…

一篇介绍jquery很好的

本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见http://api.jquery.com/browser/ 0.总述 jQuery框架提供了很多方法,但大致上可以分为3大类:获取jQuery对象的方法.在jQuery对象间跳转的方法,以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象.大致来说,是通过最核心的$()方法,将页面上的元素(或者在页面上不存在的html片段)包装成jQuery对象. $()方法里面支持的语法又包括3大类,分别…

Jquery添加移除样式

获取与设置样式获取class和设置class都可以使用attr()方法来完成.例如使用attr()方法来获取p元素的class,JQuery代码如下: var p_class = $("p").attr("class"); //获取p元素的class 使用attr()方法来设置p元素的class,JQuery代码如下: 1 $("p").attr("'class", "high"); //设置p元素…

权威指南之脚本化jquery

jqury函数 jquery()($())有4种不同的调用方式第一种是最常用的调用方式是传递css选择器(字符串)给$()方法.当通过这种方式调用时,$()方法会返回当前文档中匹配该选择器的元素集.还可以将一个元素或jquery对象作为第二参数传递给$()方法,这时返回的是该特定元素或元素集的子元素中匹配选择器的部分. 第二种调用方式是传递一个Elment.Document或Window对象给$()方法.在这种情况下,$()方法只须简单的将该Elment.Document或Window对象封装…

jquery 如何动态添加、删除class样式方法介绍

获取与设置样式获取class和设置class都可以使用attr()方法来完成.例如使用attr()方法来获取p元素的class 取与设置样式获取class和设置class都可以使用attr()方法来完成.例如使用attr()方法来获取p元素的class,JQuery代码如下: var p_class = $("p").attr("class"); //获取p元素的class [html] 使用attr()方法来设置p元素的class,JQuery代码如下: [c…

jquery 如何动态添加、删除class样式方法介绍_jquery_脚本之家

获取与设置样式获取class和设置class都可以使用attr()方法来完成.例如使用attr()方法来获取p元素的class 取与设置样式获取class和设置class都可以使用attr()方法来完成.例如使用attr()方法来获取p元素的class,JQuery代码如下: 复制代码代码如下: var p_class = $("p").attr("class"); //获取p元素的class [html] 使用attr()方法来设置p元素的class,JQu…

Zepto源码分析-zepto模块

源码 // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. var Zepto = (function() { //定义局部变量 concat = emptyArray.concat 缩短作用域链 var undefined, key, $, classList, emptyArray = [], concat = emptyArray.conc…

Bootstrap下拉菜单

前面的话网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项,Bootstrap默认提供了用于显示链接列表的可切换.有上下文的菜单.而且在各种交互状态下的菜单展示需要和javascript插件配合才能使用.本文将详细介绍Bootstrap下拉菜单使用方法在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件.当然,如果使用的是未编译版本,在js文件夹下能找到一个名为“dropdown.js”的文件,也可以调用这个js文件因为Boots…

Bootstrap模态弹出框

前面的话在 Bootstrap 框架中把模态弹出框统一称为 Modal.这种弹出框效果在大多数 Web 网站的交互中都可见.比如点击一个按钮弹出一个框,弹出的框可能是一段文件描述,也可能带有按钮操作,也有可能弹出的是一张图片.本文将详细介绍Bootstrap模态弹出框结构分析 Bootstrap框架中的模态弹出框,分别运用了“modal”.“modal-dialog”和“modal-content”样式,而弹出窗真正的内容都放置在“modal-content”中,其主要又包括三个部分: ☑ …

【toggle，hasClass】的更多相关文章