如何理解jquery的链式编程?

我怎么感觉链式编程好难理解,顺着看下去就不知道这程序要干嘛了。请各位传授点经验

3个回答

选择器选错了
$("#select,#selectMenu") 同时选择id为 select 和selectMenu 的元素
$("#select #selectMenu") 选择 id 为 select 下面的 id 为 selectMenu 的元素
$("#select","#selectMenu") 选择 id 为selectMenu 下面的 id 为select 的元素
这三种都可以,只不过效果都不相同 ,你之前的直接错误,后面的就不用看了

链式的实现 ,,给你看一下原理吧

function $(){
var arr=[];
this.push=function(a){
arr.push(a);
return this;
}
this.pop=function(){
arr.pop();
return this;
}
this.shift=funtion(){
arr.shift();
return this;
}
this.print =function(){
console.log( arr);
}
}

var $obj= new $();
$obj.push("a").push("b");//后面还可以接很多 ,链式编程实际就是执行完某一个函数后,返回它本身,自然可以继续调用
$obj.print();//输出a,b
wild84
wild84 请帮我看下我的代码块有啥问题?mouseleave事件不起作用
2 年多之前 回复

我写的mouseover事件(代码块1),为什么直接在后面.mouseleave不起作用(代码块2)。
代码块1

 $("#select,selectMenu").mouseover(function(){
        $("#selectMenu").slideDown(500);
    });

代码块2

  $("#select,selectMenu").mouseover(function(){
        $("#selectMenu").slideDown(500);
    }).mouseleave(function(){
    $("#selectMenu").slideUp(500);
    });
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery的链式编程
一、jQuery的三种$()$号是jQuery“类”的一个别称,$()构造了一个jQuery对象。所以,“$()”可以叫做jQuery的构造函数。1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签。如:$("...
JQuery链式编程
优点: 一句话:可以省去很多重复的代码 举个简单的栗子: //JS中: var per = new Object(); per.name="TomCat"; per.age=18; //优化后的写法 var per ={     "name":"TomCat",     "age":18 } //而在链式编程中就可以这么写这样: per.name("TomCat").age(18)...
JQuery 链式编程
$(function() { $('li').hover(function() {//鼠标指向 $(this).css({ 'color': 'red', 'cursor':'pointer' }); },
jQuery链式编程的实现原理
链式编程的实现原理 jQuery可以让我们开发者一直使用点语法调用自身方法的原理,主要原因是jQuery内部利用了js的对象来实现。 在jQuery中,如果一直对同一个元素或元素的其他关系元素(兄弟元素,父子元素)进行操作,那么可以使用 .语法(点语法),一直写下去。 $("#box").css("background", "pink").css("font-size&quo
jquery链式编程,隐式迭代
1.jquery链式编程 多行代码合并成一行代码,前提要认清此行代码返回的是不是对象.是对象才能进行链式编程 .html(‘val’).text(‘val’).css()链式编程,隐式迭代 链式编程注意:$(‘div’).html(‘设置值’).val(‘设置值’);这样可以,但是$(‘div’).html().text()这样是不对的,因为获取值时返回的是获取的字符串而不是对象本身所以不能...
关于swift(3.3) 链式编程的理解
这是一个controller ,废话不多说直接上代码import UIKitimport SnapKit protocol ViewChainable {} class TestPushVC: UIViewController { override func viewDidLoad() { super.viewDidLoad() self.view.backg
JQuery第四天笔记之链式编程篇
今天为各位小伙伴讲解一下JQuery里面的链式编程 链式编程的好处:链式编程可以把原来的多行代码合并成一行代码,极大地提高了开发效率,所以链式编程受到了许多小伙伴的喜爱如果才能进行链式编程呢? 首先你需要看代码返回的结果是不是对象,是对象才可以进行链式编程,不是对象则不能进行链式编程 下面通过一个案例,演示一下链式编程 要求:通过点击页面中的按钮,修改div元素的颜色并且在div中插入一段文字,利...
实现jQuery底层链式编程(一)
//jquery使用的就是块级作用域 //特点1.块级作用域的作用就是程序启动时,直接执行了 //特点2.内部的成员变量,外部无法访问 (function(Window,undefined){ // $ 最常用的对象,返回给外界,等于出口,一般大型程序当中 _ 作为私有对象(规范) function _$(arguments)
链式编程
链式编程 原理:return this 通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回this each():结束当前链最近的一次过滤操作,并且返回匹配元素之前的状态 形式:其实就是多个方法连着形成一个链条 解释 就比如说调用一个方法function fn(){return this}意思就是谁调用就把谁返回
常用的编程思想理解:链式编程,函数式编程,响应式编程
在网上看了很多关于编程思想的博客,感觉有的和我的理解不太一样,这里写下我对几种编程思想的理解,同时对链式编程进行代码分析及demo练习。 目录 一、定义 二、关于Masonry 三、链式编程 1、链式单元 2、添加category 3、效果 一、定义 链式编程:我的理解为链式编程是一种表现方式为“.”+“()”并能够一直使用“.”连续的链式的进行开发的一种“语法”,其表现方式是由...
jquery 链式编程/多库共存/制作jquery插件
dalay():延迟 delay() 方法对队列中的下一项的执行设置延迟。 语法: $(selector).delay(speed,queueName) 链式编程 通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 jQuery对象。 end(); // 筛选选择器会改变jQuery对象的DOM对象,想要回复到上一次的状态,并且返...
jQuery链式编程,each方法,多库共存
jQuery补充知识点 链式编程 通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 jQuery对象。 end(); // 筛选选择器会改变jQuery对象的DOM对象,想要回复到上一次的状态,并且返回匹配元素之前的状态。 【案例:五角星评分案例.html】 each方法 jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我...
jquery特殊属性 ,事件 , 链式编程 , each() ,(总结)
jquery特殊属性 val()设置和获取表单元素的值 html()  text() html方法会识别标签,text方法不会识别标签 width  height scrollTop scrollLeft获取页面被卷曲的高度和宽度 offset 获取元素距离document的位置, position获取元素距离有定位的父元素的位置 事件 注册事件 on on("click", fu...
JavaScript(14):实现jQuery的click绑定及链式编程
    示例代码:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隐藏菜单栏</title> <!--主要为了实现jQuery的click绑定及链式编程-->
jquery-链式编程
一般来说:        设置行操作可以链式编程。   .width(200)  .height(200)  .css("backgroundColor","pink")  .val(22)  等,没有返回值的,jquery会给你返回一个jquery对象。       而获取值的方法。jquery会给你返回你要的结果。如上面的方法,不加值,就会获取到对应的值,不可以进行链式编程。...
iOS 链式编程
#import "AppDelegate.h" #import "ViewController.h" @interface AppDelegate () @end @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDi
浅谈链式编程
链式编程就是把多个方法使用点语法链接起来,让代码更加简洁,可读性更强,这就是链式编程。
pandas 链式编程
# 链式编程技术 # Usual non-functional way df2 = df.copy() df2['k'] = v # Functional assign way df2 = df.assign(k=v) # 就地分配可能会比assign快,但是assign可以方便地进行链式编程 # 使用外括号,这样便于添加换行符 r = (df2.assign(col1_demeaned =
iOS链式编程
在iOS中,用到链式编程的地方不多,但是在特定的应用场景下,利用block实现链式编程,会大大的提高编程效率,并且代码直观易读。例如:Masnory/ SnapKit 是iOS中链式编程使用的一个经典代表,非常值得参考和学习!阅读直观,调用简单。链式编程思路: 如果想调用一个方法,那么需要一个对象; 如果想再去调用一个方法,那么就需要返回一个对象; 如果想用()去执行,
iOS-链式编程
链式编程思想:是将多个操作(多行代码)通过点号(.)链接在一起成为一句代码,使代码可读性好。a(1).b(2).c(3) 链式编程特点:方法的返回值是block,block必须有返回值(本身对象),block参数(需要操作的值) 代表:masonry框架。 BabyBluetooth Masonry中的链式可能相对比较零散,并不能体现出链式的任务逻辑连贯性。 下面介绍另外一个优秀的第三方框架Bab
链式编程初探
iOS链式编程介绍以及实现 介绍:链式编程就是将多个操作(多行代码)通过点号(.)连接在一起成为一句代码,如 Masonry 框架 实现:链式编程的精髓就是利用代码块作为参数,自身(self)作为返回值,利用返回值调用点方法一层一层调用 注意:1. 所有对象都响应所有扩展的属性,保证在对象不为空的时候调用不崩溃 2. 链条的中间环节不能传递nil,因为nil的点语法会引起系统崩溃
链式编程初体验
链式编程思想:是将多个操作(多行代码)通过点号(.)链接在一起成为一句代码,使代码可读性好。a(1).b(2).c(3) 链式编程特点:方法的返回值是block,block必须有返回值(本身对象),block参数(需要操作的值) 代表:Masonry框架。 [View mas_makeConstraints:^(MASConstraintMaker *make) {
链式编程讲解
<span style="font-size:16px;">本课程是《零基础学Java》课程的第四阶段课程,课程内容详实、细致,讲解通俗易懂!内容包括:抽象类、接口、包概念讲解、权限修饰符、内部类等知识点。</span>
java-链式编程
java-链式编程: 链式编程:        特点:每次调用完毕方法后,返回的是一个对象。(是对象才能接着继续往下调用,呈链状) 案例:    接口:Love package com.haust.day10.demo6; public interface Love { public abstract void love(); } 类:LoveDemo package com.h
链式编程与函数式编程
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。一、链式编程所谓的链式编程就是可以通过&quot;点&quot;语法,将需要执行的代码块连续的书写下去,使得代码简单易读,书写方便。在JQuery中早就有了这个概念。示例代码:var result = (new BigInteger(&quot;31415926535&quot;)).multiply(new BigInteger(&quot;4...
iOS--链式编程
相信用过masonry的童鞋,一定被它的魅力折服,真的很好用啊。masnory是用链式编程的思想来写的,用起来一个个block用点连接起来,即省代码又美观,巴特,链式编程是怎么样实现的嘞。。。不用着急,且往下看。 讲链式编程,不得不讲oc中的点语法,.XX是getter,.XX = XXX;是getter,显然链式编程是一串的,所以我们应该想到讲block声明为属性,并且在这些block属性的g
CSharp链式编程
用了dotween之类的插件这么久链式编程怎么实现: namespace TestProgram { class Programmer { public string Name { get; set; } public Programmer(string name) { Name = name;...
js链式编程
js链式编程 实现对象方法动态扩展 (function(window){ window._MethodManager=function(obj) { //要处理的数据对象 this.data=obj; //要添加的方法 this.methodNames=[]; } //添加方法 ...
接口和链式编程
C#开发接口测试小程序  继承 COMMDAL BASEBLL 泛型
Ma&&链式编程
ReactiveCocoa(简称为RAC),RAC具有函数响应式编程特性,由Matt Diephouse开源的一个应用于iOS和OS X的新框架。该课程基于Swift编程语言,是一个Swift ReactiveCocoa视频教程。
链式编程基础
JDK8是Java升级变化大的一个版本,JDK8引入很多新的写法,比如函数式接口、Lambda表达式、Stream函数式操作流元素集合、接口的默认方法、接口的静态方法等。
jQuery - 深入理解jQuery
本篇介绍使用Java进行网站开发的各环节的基本技术。nn所采用的开发环境IDE为MyEclipse 10, 服务器为Tomcat7.x。n(第1版,2016/4,已完结)
jQuery中的$('ol',this)如何理解
在官方API中有一个讲filter的示例。rn[code=HTML] Hello How are you? rn[/code]rn[code=JScript] $("p").filter(function(index) rn return $("ol", this).length == 0;rn );rn[/code]rn这里的$('ol',this)如何理解呢?
如何理解jquery中的offset
jquery手册中是这么说的rnrn获取匹配元素在当前视口的相对偏移。rnrn1.当前视口是什么意思rn2.偏移是个什么概念?rn3.相对偏移,是相对哪个元素的偏移?rnrn好多基础概念不清,还请大侠们指点一二rn
面向对象_链式编程
/* 链式编程: 每次调用完毕方法后,返回的是一个对象。 */ class Student{ public void study(){ System.out.println("Good Good Study,Day Day Up"); } } class StudentDemo{ public Student getStudent(){ return new Student(
链式编程初试
链式编程思想: 将多行操作通过 “.” 连接成一句代码, 使代码可读性好, 比如: a(1).b(2).c(3), 代表性的就是Masonry 链式编程特点: 方法的返回值是block, block必有返回值(自身对象), block参数(操作对象)先简单介绍下目前咱们已知的编程思想。1 面向过程:处理事情以过程为核心,一步一步的实现。2 面向对象:万物皆对象3 链式编程思想:是将多个操作(多行代
JAVA链式编程
其实链接编程每次返回的都是同一个对象 (只要方法最后 return this )代码演示创建一个beanpublic class Dog { private String color; private Integer age; private String name; public String getColor() { return color;
java链式编程
链式编程结构:对象.方法().方法()........方法();。 链式编程特点:每次调用完毕后,返回值是一个对象(最后一个除外,最后一个可以是一个方法或者对象)。 package School; public class Student { public void fath() { System.out.println("您中奖了"); } } package School; ...
jQuery 理解
NULL 博文链接:https://qinchaoyong.iteye.com/blog/517516
jQuery理解
通过查看jQuery API可以知道,jQuery的内容主要分为十三各部分,但是常用的几大部分有:核心、选择器、属性、筛选、文档处理、事件、效果(动画)、ajax. 一、核心 主要是核心函数和对象访问。 1、 核心函数 $()的集中用法: 用作选择器:()里面传的是选择器 body> p>aaap> body> script> console.log($(
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法