链接在JQuery中。它是如何工作的

Question

我怀疑并寻找最佳答案。希望我们中的任何一个人都能回答。

你们都可能知道jQuery链接。我们可以在单个语句中向HTML元素添加多个事件。

像：

$('#emp-name').html('john').css('bgcolor', 'red').show();

通常我们可以一次通过一个对象调用一个成员。 什么是jQuery的专长，我们可以通过一个对象同时调用多个成员（事件）。

感谢。

Answer 1

实际上它只会为$(“#emp-name”)使用一个对象。它将遵循链接过程，如

$(“#emp-name”).html(‘john’)

首先它html将join加入#emp-name并假设对象$(“#emp-name”)以html作为单个对象，然后它将转到css事件

$(“#emp-name”).html(‘john’).css(“background-color”,”red”)

此处它将更改html中#emp-name的bg颜色，并将$(“#emp-name”).html('john')对象css视为单个对象，然后最终转到show事件

$(“#emp-name”).html(‘john’).css(“background-color”,”red”).show();

显示html background-color red，html为john。 在jQuery链接中，它不会为每个事件创建一个新对象，但它会根据以相同方式给出的事件从left to right修改对象。

Answer 2

$（selector） =为给定的选择器包装的jquery对象，你可以在其上调用jquery的任何可用函数。

喜欢，

$(selector).show();
$(selector).css("color", "green");

现在，jquery函数的优点是（show，css ...），它返回原始选择器的修改过的jquery对象。

即，

$("#emp-name").css("color", "green")

会做两件事，

  

  
1. 将#emp-name的颜色修改为绿色，
  
2. 返回修改后的$（＆＃34;＃emp-name＆＃34;）对象。
  

并且，返回的对象可以再次＆＃34;用来调用另一个jquery函数。

要打破以下：

$("#emp-name").html("John").css("bgcolor","red").show();

将从左到右工作，

1. $（＃emp-name＆＃34;）。html（＆＃34; John＆＃34;）==＃emp-name上的jquery对象与html 设置为＆＃34; John＆＃34; =＆GT; $（＃EMP-名称＆＃34）
2. $（＆＃34; #emp-name）.css（＆＃34; bgcolor＆＃34;，＆＃34; red＆＃34;）==＃emp-name上的jquery对象 将bgcolor设置为＆＃34; red＆＃34; =＆GT; $（＆＃34;＃EMP-名称＆＃34）
3. $（＆＃34; #emp-name）.show（）==＃emp-name上的jquery对象 可见性设置为＆＃34;显示＆＃34; =＆GT; $（＆＃34;＃EMP-名称＆＃34）

希望神秘现在解决了!! ：）