>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 25928 个阅读者 刷新本主题
 * 贴子主题:  jQuery 链 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-12 15:02:26     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery -  链(Chaining)

         通过 jQuery,可以把动作/方法链接在一起。

         Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。            

jQuery 方法链接

         直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。

         不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。

         提示: 这样的话,浏览器就不必多次查找相同的元素。

         如需链接一个动作,您只需简单地把该动作追加到之前的动作上。

         下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,再然后向下滑动:            

范例

           $ ( " #p1 " ) . css ( " color " , " red " ) . slideUp ( 2000 ) . slideDown ( 2000 ) ;

        如果需要,我们也可以添加多个方法调用。

         提示:当进行链接时,代码行会变得很长。不过,jQuery 语法不是很严格;您可以按照希望的格式来写,包含换行和缩进。

         如下书写也可以很好地运行:            

范例

$ ( " #p1 " ) . css ( " color " , " red " )
  . slideUp ( 2000 )
  . slideDown ( 2000 ) ;

        jQuery 会抛掉多余的空格,并当成一行长代码来执行上面的代码行。






程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-27 10:46:09 重新编辑]
  Java面向对象编程-->类的生命周期
  JavaWeb开发-->访问数据库(Ⅱ)
  JSP与Hibernate开发-->数据库事务的并发问题的解决方案
  Java网络编程-->基于UDP的数据报和套接字
  精通Spring-->虚拟DOM和render()函数
  Vue3开发-->Vue简介
  webpack常用插件
  vue3.0-基本特性和用法
  勇闯28个关卡学会HTML与HTML5基础
  JavaScript Promise对象的用法
  JavaScript输出格式化日期和时间
  Node.js操纵Mongodb数据据
  vue的CSS过渡和动画范例
  BootStrap, React, Vue的比较
  vue-min-picker普通选择器,日期选择器,省市区选择器,适用...
  Node.js 实现远程桌面监控
  JS对树形数据的遍历和过滤,
  JavaScript的HTML DOM MenuItem 对象
  JavaScript Array(数组)对象
  JavaScript的比较和逻辑运算符
  JSON 数据转换为JavaScript对象
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。