Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何点击和;“松开”;元素_Jquery - Fatal编程技术网

Jquery 如何点击和;“松开”;元素

Jquery 如何点击和;“松开”;元素,jquery,Jquery,好的,对于jQuery,我是一个真正的初学者,尽管我已经尝试过搜索它,但我似乎找不到答案(我可能没有正确地使用它) 单击其中一个li时,我想添加一个元素。但是,如果已经单击了li(并且已经添加了类),如果用户再次单击,我希望删除该类。到目前为止,我的情况如下: (function($){ $(".list li").click(function() { $(this).addClass("hilite"); $(this).attr("BeenClicked",

好的,对于jQuery,我是一个真正的初学者,尽管我已经尝试过搜索它,但我似乎找不到答案(我可能没有正确地使用它)

单击其中一个li时,我想添加一个元素。但是,如果已经单击了li(并且已经添加了类),如果用户再次单击,我希望删除该类。到目前为止,我的情况如下:

(function($){ 
   $(".list li").click(function() {
      $(this).addClass("hilite");
      $(this).attr("BeenClicked", "true");
   });
 })(jQuery); 

<ul class="list">
   <li> Something
   <li> Something else
</ul>
(函数($){
$(“.list li”)。单击(函数(){
$(此).addClass(“hilite”);
$(this.attr(“BeenClicked”、“true”);
});
})(jQuery);
  • 某物
  • 别的

我需要创建基本上检查属性的代码,以查看“BeenClicked”是否设置为true。

您必须使用jQuery的:

使用
.toggleClass()
在每次单击时自动替换类:

(function($){ 
   $(".list li").click(function() {
      $(this).toggleClass("hilite");
   });
 })(jQuery); 

<ul class="list">
   <li> Something
   <li> Something else
</ul>
(函数($){
$(“.list li”)。单击(函数(){
$(this.toggleClass(“hilite”);
});
})(jQuery);
  • 某物
  • 别的
无需单独存储
“BeenClicked”
属性。您可以随时使用
.hasClass(“hilite”)
方法查看它是否有类


此外,如果要在其上存储数据,那么jQuery方法将使用
.data()
方法:
$(this).data(“BeenClicked”,true)

您可能希望签出jQuery的
toggleClass()
方法


只需在单击处理程序中调用它。

我会考虑命名属性“数据被点击”,因此它被认为是有效的HTML。正确的。我不知道怎么做,但我只是想出来了。我道歉!我同意约瑟夫的观点。5个问题,你还没有接受任何答案。单击每个问题中您帮助最大的答案旁边的复选标记。我会给你一个很好的答案。
(function($){ 
   $(".list li").click(function() {
      $(this).toggleClass("hilite");
   });
 })(jQuery); 

<ul class="list">
   <li> Something
   <li> Something else
</ul>