Jquery（'；div'；）。关于函数标记选择_Jquery_Html_Css

Jquery（'；div'；）。关于函数标记选择

jquery html css

Jquery（'；div'；）。关于函数标记选择,jquery,html,css,Jquery,Html,Css,我对JQuery相当陌生，我想知道.on（）函数。例如： $('div').on('click', function() {$(this).toggleClass('show-description');}); 第一段代码是选择HTML文件中的所有“div”元素，并侦听单击事件。然后，它将为我单击的最后一个div切换我的“show description”类的“开”和“关” <div class="show-description"> ......</div> 我在H

我对JQuery相当陌生，我想知道.on（）函数。例如：

$('div').on('click', function() {$(this).toggleClass('show-description');});

第一段代码是选择HTML文件中的所有“div”元素，并侦听单击事件。然后，它将为我单击的最后一个div切换我的“show description”类的“开”和“关”

<div class="show-description"> ......</div>

我在HTML中定义了：

<body>
 <div class="clearfix"> 
  <div class="column">
    <ul>
     <li id='about'> <span>About Me</span> </li>
      ......
   </div>
 </div>



关于我
......

但是我没有激活我的“show description”声明。我已经试着阅读了API.on（）方法，并查看了堆栈，但似乎找不到任何帮助我不是在寻找直接的答案只是朝着正确的方向轻推。

谢谢。

$（'div.about'）

将选择包含

about

类的所有

div

元素。在您的示例中，

div

元素都没有该类

在您的示例中，关于的唯一

是一个id
（它不是一个类），它位于li
元素中
您可能需要：$（'li#about'）。在（'click'，…

检查以下代码段：

$（'div.about'）.on（'click'，function（）{$（this）.toggleClass（'show-description'）；}）；
$（'li#about'）.on（'click'，function（）{$（this）.toggleClass（'show-description'）；}）；
。显示说明{
边框：1px纯红；
}


关于我

这个部门有“关于”类

如果我只想指定我在div中定义的特定类，该怎么办
标记以侦听我的事件
下面的示例没有使用class
和on
函数，但我相信您可以理解。假设您有以下HTML代码：
<ul class="topnav">
  <li>Item 1</li>
  <li>Item 2
    <ul>
    <li>Nested item 1</li>
    <li>Nested item 2</li>
    <li>Nested item 3</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

不过，如果您想对ul
的每个li
内部和直接子级执行某些操作，则可以执行以下操作：
$( "ul.topnav > li" ).css( "border", "3px double red" );

对于您的具体情况，您可以这样做：
$( "div #about" ).on( ... );

希望能有所帮助。
您的代码上的
在哪里？正确，这是错误的符号。我尝试过这个….$（“div.column”）。在（“click”，“#about”，function（）{$（this）.toggleClass（'show-description'）；}）；尽管如此，似乎我并没有要求它正确地听正确的元素…@RyanAnderson实际上你在那里写的，$（“div.column”）。在（“click”、“#about”，function（）{}）
，应该可以工作。我试过了，但我使用了警报（“test”）在该click listener中，它起作用了。@Dekel，我做到了，谢谢你的帮助。你的答案清晰、简洁，正是我想要的！感谢所有的帮助，对这个具体示例没有直接帮助，但以后一定会参考。谢谢！
$( "ul.topnav > li" ).css( "border", "3px double red" );

$( "div #about" ).on( ... );