Javascript jquery单击函数选择&;取消选择

Javascript jquery单击函数选择&;取消选择,javascript,jquery,Javascript,Jquery,我需要一些关于jQuery代码的帮助。我有一个SVG地图,我需要一个按钮来选择一个国家,然后用另一个按钮取消选择。有人能帮我吗?:) 代码如下: <script type="text/javascript">//<![CDATA[ $(window).load(function(){ $(document).ready(function() { $("path").mouseover(function() { $(this).css('cursor', '

我需要一些关于jQuery代码的帮助。我有一个SVG地图,我需要一个按钮来选择一个国家,然后用另一个按钮取消选择。有人能帮我吗?:) 代码如下:

<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
$(document).ready(function() {




 $("path").mouseover(function() {
     $(this).css('cursor', 'pointer');$(this).attr({
    fill: "#FF0000",
    stroke: "#00FF00"
     });
     $(this).css('cursor', 'pointer');
    })
 .mouseout(function(){
     if(!$(this).data('clicked')){
       $(this).attr({
    fill: "#FFFFFF",
    stroke: "#eee"
    });
    } 
  });


$("path").click(function() {
$(this).attr({
    fill: "#FF0000",
    stroke: "#00FF00"
});
$(this).data('clicked', true); 

});

});
});//]]>  

</script>
//

最重要的方法是使用:

您可能会在选择时添加一些类,然后在取消选择时删除该类

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
     <input type='text' id="text1" onclick='javascript:toggleClass(this)' />
 </body>
 </html>
 <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
 <script language='javascript' type="text/javascript">


 function toggleClass(item) {

    if ($(item).hasClass('select')) {
        $(item).removeClass('select').addClass('deselect');
    }
    else {
        $(item).removeClass('deselect').addClass('select');
    }

  }
 </script>

函数切换类(项){
if($(item).hasClass('select')){
$(item).removeClass('select').addClass('deselect');
}
否则{
$(item).removeClass('deselect').addClass('select');
}
}

您没有解释您遇到的问题或错误,这是一个糟糕的问题,只是粘贴代码。我以前用自定义代码解决过这个问题,但直到今天我才知道“toggle()”。但是为什么它被标记为不推荐?哎呀…这在文档页面上不太明显。请点击此处: