Jquery在哪个子div中添加类?

Jquery在哪个子div中添加类?,jquery,html,Jquery,Html,我有一个代码片段,但我不理解jquery脚本在哪个children元素中添加类,因为我以前从未使用过.children()方法。这里是HTML: 我可以生活在怀疑、不确定和不知道之中。我认为生活中不知道比得到可能是错误的答案更有趣。理查德-费曼 ♞自由揭露 纽约市 1918–1988 Jquery正在将fc wrapper open类添加到您的fc wrapper div中。请查看代码: var$wrapper=$('fc wrapper') 现在,$wrapper是一个指向f

我有一个代码片段,但我不理解jquery脚本在哪个children元素中添加类,因为我以前从未使用过.children()方法。这里是HTML:


我可以生活在怀疑、不确定和不知道之中。我认为生活中不知道比得到可能是错误的答案更有趣。理查德-费曼

♞自由揭露 纽约市

1918–1988
Jquery正在将
fc wrapper open
类添加到您的fc wrapper div中。请查看代码:

var$wrapper=$('fc wrapper')


现在,
$wrapper
是一个指向fc wrapper div的变量

function open() {
    $wrapper.addClass( 'fc-wrapper-open' );
    $handle.data( 'opened', true );
}

这只是将一个名为
'fc-wrapper-open'
的类添加到您的fc-wrapper div

中,您可以看到您是通过
$wrapper.addClass
添加这个类的<代码>$wrapper在JS代码
$wrapper=$(“#fc wrapper”),
的开头指定。您的元素
#fc wrapper
section>div#fc wrapper
(在

中的第二个div)函数open将类fc wrapper open添加到fc wrapper div中

function open() {
    $wrapper.addClass( 'fc-wrapper-open' );
    $handle.data( 'opened', true );
}
jquery脚本正在添加哪个子元素类

不适用于任何子级
div
。因为在

var $wrapper= $( '#fc-wrapper' ), // <-----here
    $handle = $wrapper.children( 'div.fc-handle-pull' );  
在上面的单击处理程序中,您可以看到它正在使用三元操作调用两个函数
close()
open()
,但首先它检查选择器
$handle
数据,这是您的
'div.fc-handle-pull'
div

当它试图在三元运算符中查找
数据时,将调用
true
close()
,这会导致删除添加的类。如果
false
,则会导致添加该类

function open() {
    $wrapper.addClass( 'fc-wrapper-open' ); // adding the class
    $handle.data( 'opened', true ); // setting a data to true to call the 
}                                   // close() when click again

function close() {
    $wrapper.removeClass( 'fc-wrapper-open' ); // removing the class
    $handle.data( 'opened', false ); // setting the data to false to call the
}                                    // open() again when clicked

它根本没有将类添加到任何子类,而是添加到变量
$wrapper
,该变量显式地设置在
#fc wrapper
元素的顶部。是否将类从#fc wrapper更改为#fc wrapper open?感谢您的重播
function open() {
    $wrapper.addClass( 'fc-wrapper-open' ); // adding the class
    $handle.data( 'opened', true ); // setting a data to true to call the 
}                                   // close() when click again

function close() {
    $wrapper.removeClass( 'fc-wrapper-open' ); // removing the class
    $handle.data( 'opened', false ); // setting the data to false to call the
}                                    // open() again when clicked