关于Jquery点击事件替换有关问题。求解答
日期：2014-05-16 浏览次数：20360 次
关于Jquery点击事件替换问题。求解答
各位，我想做一个如下点击功能。当我点击按钮时，他触发$(".a")事件，然后把class属性改为b。想再次点击触发$(".b")事件。但它每次都是执行a。貌似这个实现思路是有问题的。请问有哪位可以提供解决方案吗？
题如下：
<script type="text/javascript">
$(function(){
$(".a").click(function(){
$(this).val("b点击").attr("class","b");
});
$(".b").click(function(){
$(this).val("a点击").attr("class","a");
});
});
</script>
</head>
<body>
<input type="button" value="点击" class="a" />
</body>
------解决方案--------------------
------解决方案--------------------
不过我还是建议你不要利用可变属性给一个元素注册点击事件，至少要在页面上找的到
你可以加个ID，然后根据唯一ID找到该元素，如果你想实现属性值来回切换的话，那么可以在事件中通过判断属性值的方式来实现
------解决方案--------------------
------解决方案--------------------
live绑定不可取，动态绑定也不可取，在事件回调中判断是正确的做法。
不管是$(".a")还是$(".b"),目的只是选中你要的dom元素，再进行事件绑定，这个事件是绑定到dom对象上了，而不管他将来是否还符合这个选择器。好比一个人叫张三，你筛选出叫张三的给他印一个烙印，他后来改名了叫李四，但是烙印还是在他身上。
所以，再次点击，它还是触发之前绑定的事件的。事件绑定是绑定到dom对象上的，而不是选择器上，选择器只是帮助你筛选出你要的那个（些）dom元素。哪怕你之后点击它，它的class已经被修改了，它还是那个dom元素，你之前绑定的事件还是会触发。
各位，我想做一个如下点击功能。当我点击按钮时，他触发$(".a")事件，然后把class属性改为b。想再次点击触发$(".b")事件。但它每次都是执行a。貌似这个实现思路是有问题的。请问有哪位可以提供解决方案吗？
题如下：
<script type="text/javascript">
$(function(){
$(".a").click(function(){
$(this).val("b点击").attr("class","b");
});
$(".b").click(function(){
$(this).val("a点击").attr("class","a");
});
});
</script>
</head>
<body>
<input type="button" value="点击" class="a" />
</body>
------解决方案--------------------
$(function(){
$(".a").live('click',function(){//如果你的jquery是1.9以上 把live改成on
$(this).val("b点击").attr("class","b");
});
$(".b").live('click',function(){
$(this).val("a点击").attr("class","a");
});
});------解决方案--------------------
$(function(){
$(".a").click(function()
{
$(this).val("b点击").attr("class","b");
$(".b").click(function()
{
$(this).val("a点击").attr("class","a");
});
});
});不过我还是建议你不要利用可变属性给一个元素注册点击事件，至少要在页面上找的到
你可以加个ID，然后根据唯一ID找到该元素，如果你想实现属性值来回切换的话，那么可以在事件中通过判断属性值的方式来实现
$(function(){
$("#btn").click(function()
{
if($(this).attr("class")=='a')
{
$(this).attr('class','b')
$(this).val('b点击');
}
else
{
$(this).attr('class','a')
$(this).val('a点击');
}
});
});------解决方案--------------------
$(function() {
var $cache = $(".a");
$cache.click(function() {
var that = $(this);
if (!that.data('click')) {
that.data('click', true).val("b点击").attr("class", "b");
} else {
that.data('click', false).val("a点击").attr("class", "a");
}
})
});------解决方案--------------------
live绑定不可取，动态绑定也不可取，在事件回调中判断是正确的做法。
不管是$(".a")还是$(".b"),目的只是选中你要的dom元素，再进行事件绑定，这个事件是绑定到dom对象上了，而不管他将来是否还符合这个选择器。好比一个人叫张三，你筛选出叫张三的给他印一个烙印，他后来改名了叫李四，但是烙印还是在他身上。
所以，再次点击，它还是触发之前绑定的事件的。事件绑定是绑定到dom对象上的，而不是选择器上，选择器只是帮助你筛选出你要的那个（些）dom元素。哪怕你之后点击它，它的class已经被修改了，它还是那个dom元素，你之前绑定的事件还是会触发。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
