首页
学习
活动
专区
圈层
工具
发布

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

返回值:Booleanis(expr|obj|ele|fn),根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。...•三种预定速度之一的字符串(“slow”,”normal”,or “fast”)或表示动画时长的毫秒数值 hide([speed,[easing],[fn]]),隐藏显示的元素 toggle([speed...],[easing],[fn]) 如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。...,fn) 显示 当显示成功后触发fn hide()隐藏 toggle(speed[,fn]) 切换,如果隐藏就显示,如果显示就隐藏。...,可以使匹配的元素以“滑动”的方式隐藏或显示  滑动:改变高度 slideDown,显示(从上往下) slideUp,隐藏(从下往上) slideToggle()切换 ——

10.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端(四)-jQuery

    :hidden 选取所有隐藏的元素 show()方法 显示 2.5 jQuery选择器注意事项 选择器的书写规范很严格,多一个或少一个空格,都会影响选择器的效果; 2.6 $("选择器").css...方法 说明 $(element) 把DOM节点转化成jQuery节点 $(selector) 通过选择器获取节点 $(html) 使用HTML字符创建jQuery节点 3.4.2 插入节点 1 元素内部插入子节点...动画效果 4.4.1 控制元素的显示及隐藏 方法 说明 show() 立刻显示 show(毫秒数) 慢慢显示 show(毫秒数,函数) 在动画效果结束后执行函数 hide() 立刻隐藏 hide(毫秒数...) 慢慢隐藏 hide(毫秒数,函数) 在动画效果结束后执行函数 toggle() 方法等于这两个方法 方法 说明 toggle() 立即显示和隐藏 toggle(毫秒数) 慢慢显示和隐藏 toggle...//第一个参数是执行显示或隐藏的速度或者隐藏的时长,单位是毫秒,如果为0,立刻执行 //也可以是:slow,normal,fast, //第二个参数是执行显示或者隐藏效果完成后,需要执行的操作函数

    9.9K30

    JQuery基础

    效果 1.隐藏和显示: $(selector).hide(speed,callback); $(selector).show(speed,callback); $(selector).toggle(speed...,callback); 可选的speed规定隐藏或显示的速度,取值可以为"slow","fast"或毫秒; 可选的callback是隐藏或显示后执行的函数名称。   ...speed,callback参数含义与上述“显示与隐藏”一致。...(不带参数) 6.jQuery链(chaining) 链:顾名思义,锁链,即一环套一环。 jQuery中将动作/方法链接在一起,因此,在相同元素上,我们可以在一条语句上运行多个jQuery方法。...(包括内边距) outerWidth()/outerHeight():设置或获取宽度/高度(包括内边距和边框);如果设置参数为true,则包括内边距,边框,外边距 image.png 第七部分:jQuery

    6.8K51

    网站开发常用jQuery插件总结(十)菜单插件superfish

    动态显示隐藏:子菜单在鼠标悬停时动态显示,移开时隐藏。自定义动画效果:可以自定义子菜单显示与隐藏时的动画效果,比如滑动、渐变等。响应式设计:支持移动端或触屏设备的交互方式,自动适配不同设备。...// 动画速度 delay: 200 // 鼠标移开后延迟隐藏的时间});php144 Bytes© 菜鸟-创作你的创作Superfish 插件的常用选项animation:控制子菜单显示时的动画效果...示例:speed: 'fast' 或 speed: 500 表示动画持续时间为 500 毫秒。delay:设置鼠标悬停后子菜单延迟显示的时间,单位为毫秒。...示例:delay: 200 表示鼠标悬停 200 毫秒后显示子菜单。autoArrows:启用此选项后,Superfish 会在有子菜单的菜单项前自动显示箭头。示例:autoArrows: true。...如果你需要更复杂的菜单效果,Superfish 插件也支持一些高级选项,比如延迟隐藏、多级菜单样式等,可以根据项目需求灵活配置。

    25500

    WEB入门之十八 动画特效

    核心技能部分​ 8.1 显示/隐藏动画 在DOM中,可以通过样式属性display来控制元素的显示和隐藏,但是这没有动画效果。jQuery提供了实现显示/隐藏动画的函数,详见表8-1-1所示。...除了show和hide函数外,jQuery还提供了一个显示/隐藏切换动画函数toggle。该函数可以自动进行显示/隐藏的切换,同样可以使用一个参数来设置动画速度。...8.1 淡入淡出动画 淡入淡出是指控制元素的透明度从0(隐藏)到1(显示)或从1到0,jQuery中实现淡入淡出动画的函数见表8-1-3所示。...3:滑动的横向菜单 ​训练技能点​ Ø jQuery内置动画函数 ​需求说明​ 模拟实现一个如图8.2.3所示的横向菜单,当鼠标悬浮到横向菜单上时,其子菜单 淡入显示;当鼠标离开横向菜单时,其子菜单淡出隐藏...实现步骤​ (1) 实现图8.2.3所示的界面,二级子菜单默认隐藏。 (2) 给一级菜单设置hover事件,并在该事件中实现二级子菜单的淡入淡出,参考代码如下所示。

    1.3K10

    JavaWeb(八)JQuery

    jQuery 对象与dom 对象时可以相互转换的,转换之后它们就可以相互调用了 jQuery 选择器 注意,如果获取到多个元素将是一个数组,可以直接用数组的属性方法,比如 length 当前元素: 1...CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。...() 逐渐改变被选元素的不透明度,从可见到隐藏 fadeTo() 把被选元素逐渐改变至给定的不透明度 hide() 隐藏被选的元素 queue() 显示被选元素的排队函数 show() 显示被选的元素...slideDown() 通过调整高度来滑动显示被选元素 slideToggle() 对被选元素进行滑动隐藏和滑动显示的切换 slideUp() 通过调整高度来滑动隐藏被选元素 stop() 停止在被选元素上运行动画...toggle() 对被选元素进行隐藏和显示的切换 jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。

    2.5K40

    WEB入门之十八 动画特效

    核心技能部分 8.1 显示/隐藏动画 在DOM中,可以通过样式属性display来控制元素的显示和隐藏,但是这没有动画效果。jQuery提供了实现显示/隐藏动画的函数,详见表8-1-1所示。...除了show和hide函数外,jQuery还提供了一个显示/隐藏切换动画函数toggle。该函数可以自动进行显示/隐藏的切换,同样可以使用一个参数来设置动画速度。...8.1 淡入淡出动画 淡入淡出是指控制元素的透明度从0(隐藏)到1(显示)或从1到0,jQuery中实现淡入淡出动画的函数见表8-1-3所示。...3:滑动的横向菜单 训练技能点 Ø jQuery内置动画函数 需求说明 模拟实现一个如图8.2.3所示的横向菜单,当鼠标悬浮到横向菜单上时,其子菜单 淡入显示;当鼠标离开横向菜单时,其子菜单淡出隐藏。...实现步骤 (1) 实现图8.2.3所示的界面,二级子菜单默认隐藏。 (2) 给一级菜单设置hover事件,并在该事件中实现二级子菜单的淡入淡出,参考代码如下所示。

    1.2K10

    Web阶段:第五章:JQuery库

    动画 基本动画 show() 显示隐藏的元素 第一个参数是 动画执行的时候,(单位是毫秒) 第二个参数是 动画执行完成时的回调函数 hide() 隐藏可见的元素 第一个参数是 动画执行的时候,(单位是毫秒...) 第二个参数是 动画执行完成时的回调函数 toggle() 可见就隐藏,隐藏状态就显示 第一个参数是 动画执行的时候,(单位是毫秒) 第二个参数是 动画执行完成时的回调函数 淡入淡出动画 fadeIn...动画定义了很多种动画效果,可以很方便的使用这些动画效果 练习:CSS_动画 品牌展示 需求: 1.点击按钮的时候,隐藏和显示卡西欧之后的品牌。...2.当显示全部内容的时候,按钮文本为“显示精简品牌” 然后,小三角形向上。所有品牌产品为默认颜色。 3.当只显示精简品牌的时候,要隐藏卡西欧之后的品牌,按钮文本为“显示全部品牌” 然后小三形向下。...")) { // 如果品牌隐藏了,要显示的【显示全部品牌】 $("div div a span").html("显示全部品牌");

    28.7K20

    day40_jQuery学习笔记_01

    示例动图如下: 3.4、内容过滤选择器 详解如下: :empty          当前元素是否为空(即是否有标签体,标签体包括子元素或文本) :has(selector)  当前元素是否含有指定的子元素...:disabled       不可用(指的是  或  或 —) :checked        ...).ready(function() {             // 从第5个开始,不要最后一个,来控制显示或隐藏             // 1、隐藏             var $allLi...如果之后再使用,元素本身保留,绑定的事件 或 绑定的数据 都会被移除。 detach()    删除当前对象。如果之后再使用,元素本身保留,绑定的事件 或 绑定的数据 都保留。...如果之后再使用,元素本身保留,绑定的事件 或 绑定的数据 都保留。

    7.2K20

    与Ajax同样重要的jQuery(1)

    这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。...:parent 选取含有子元素或文本节点的元素 $("td:parent") 所有不为空td元素选中 练习4: ² 设置含有文本内容 ”传智播客” 的 div 的字体颜色为红色 ² 设置没有子元素的div...添加 class属性,值为itcast ² 设置table所有 可见 tr 背景色 黄色 ² 设置table所有 隐藏tr 字体颜色为红色,显示出来 ,并输出tr中文本值 jquery-1.8.3.min.js"> $(function(){ // 为表单中所有隐藏域 添加 class属性...⑨:表单对象属性过滤选择器 选取表单元素属性的过滤选择器 :enabled 选取所有可用元素 :disabled 选取所有不可用元素 :checked 选取所有被选中的元素,如单选框、复选框 :selected

    11.5K60

    jQuery二级菜单的显示隐藏

    在jQuery中创建二级菜单的显示和隐藏可以通过使用事件处理函数和CSS样式来实现。HTML 结构 首先,需要创建适当的HTML结构来表示二级菜单。一种常见的方法是使用嵌套的和元素。...每个菜单项都包含一个链接,以及一个嵌套的无序列表来表示二级菜单。CSS 样式 接下来,需要使用CSS样式来控制二级菜单的显示和隐藏。可以通过设置样式的display属性来实现。...示例代码如下:nav ul ul { display: none; /* 默认隐藏二级菜单 */}nav ul li:hover > ul { display: block; /* 鼠标悬停时显示二级菜单...JavaScript 交互 要使用jQuery实现二级菜单的显示和隐藏,可以使用jQuery的事件处理函数。...当鼠标进入菜单项时,使用slideDown()方法显示相应的二级菜单。当鼠标离开菜单项时,使用slideUp()方法隐藏二级菜单。

    5.6K30

    JavaScript学习笔记(四)—— jQuery入门

    选择父元素的随后一个子元素 :nth-child(n) 选择父元素下的第n个或奇偶元素,n的值为"整数或odd或even" :only-child 选择父元素中唯一的子元素(该父元素只有一个子元素)...元素的显示与隐藏 使用hide()方法 使用hide()方法可以隐藏被选元素 $(document).ready(function () { $(".ex .hide...元素的淡入与淡出 使用hide()与show()方法 show和hide方法可以接受参数控制隐藏的过程.: show(speed,callback) speed参数规定显示或隐藏的速度: - slow...如果要改变,需要将元素的position属性设置成relative、fixed或absolute; 累积动画 jQuery为用户提供了针对动画的队列功能,用户可以编写多个animate方法,jQuery...} $(function () { $(":checkbox").click(function () { var bChecked = this.checked; //如果选中则显示子菜单

    12.4K50
    领券